Как установить конкретное свойство css для браузера Edge?

Question

У меня есть этот css:

.records-table-row-checkbox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

У меня проблема с верхним позиционированием в браузере Edge, пытаюсь решить ее почти два дня. Я хочу изменить топ: 50%; к началу: 19px; Только для браузера Edge . Остальные браузеры должны иметь top: 50%;.

Я пробовал это:

  *::-ms-input-placeholder { 
    top: 19px;
  }

Но Эдж все еще берет 50%.

Answer 1

@supports (-ms-ime-align:auto) {
  .records-table-row-checkbox {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
}}

Answer 2

Для этого флажка можно использовать селектор ::-ms-check, поддерживаемый только в Internet Explorer и Microsoft Edge. Пример использования ниже:

input[type=checkbox]::-ms-check {
  top: 19px
}