Why selector "input:read-only, input:-moz-read-only" won't work on Google Chrome?

user_14967026 0
Viewed 37

Why selector input:read-only, input:-moz-read-only won't work on Google Chrome? Works only, if I write it as two separate selectors input:read-only, input:-moz-read-only with same instruction.

input:read-only,
input:-moz-read-only {
  border: 1px solid red;
}


/* Works if i will repeat it separate, like below */


/* input:read-only {
    border: 1px solid red;
} */
<input type="text" name="" value="Read-only" id="" readonly>

pseudo-class css html
1 Answers

As @Paulie_D said, "... you can't combine vendor prefixed selectors. Separate them.". Similar question was already answered on stackoverflow. I close the question.

user_149670260
Related