Отображение метки счетчика в chrome - PullRequest
0 голосов
/ 17 июня 2020

В настоящее время я столкнулся с проблемой, из-за которой на моей метке счетчика в chrome отображается трубка, окруженная прямоугольником angular.

введите здесь описание изображения

Изначально прямоугольник rect angular предназначен для firefox / IE. Однако сейчас я ищу 2 вещи. 1) Избавьтесь от прямоугольника angular, окружающего полоску счетчика 2) Примените эти изменения только к chrome

Что нужно отредактировать в моем коде, чтобы добиться этого? Я добавил свою скрипку кода в раздел комментариев, большая помощь приветствуется. ПОЖАЛУЙСТА, ВВЕДИТЕ КОД В CHROME ЧТОБЫ ПРОСМОТРЕТЬ ОКНО RECT ANGULAR.

meter {

  width: 22vw;
  height: 3vh;
  background-image: linear-gradient(to bottom right, #777, #ddd);
  box-shadow: 1px 1px 1px black,
              inset 2px 3px 5px rgba(0,0,0,0.3),
              inset -2px -3px 5px rgba(255,255,255,0.5);
    border-radius: 3px;
    display: inline-block;

}


.legend_meter{
    width:4vw;
    height: 4vh;
    border:solid 1px;
  background-image: linear-gradient(to bottom right, #777, #ddd);
  box-shadow: 1px 1px 1px black,
              inset 2px 3px 5px rgba(0,0,0,0.3),
              inset -2px -3px 5px rgba(255,255,255,0.5);
    border-radius: 3px;
    margin-left:3vw;
    display: inline-block;
}
...