How can I set a specific css property for Edge browser?

Question

I have this css:

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

I have a problem with top positioning in Edge browser, been trying to solve it for nearly two days. I want to change top:50%; to top:19px; Only for Edge browser . The rest of the browsers should have top:50%;.

I've tried this :

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

But Edge still takes the 50%.

Answer 1

For the checkbox, you can use ::-ms-check selector only supported in Internet Explorer and Microsoft Edge. An example usage below:

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

Answer 2

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