How to style readonly attribute with CSS?

Question

I\'m currently using readonly=\"readonly\" to disable fields. I\'m now trying to style the attribute using CSS. I\'ve tried using

input[readonly] {
/*styling         


        

Answer 1

input[readonly], input:read-only {
    /* styling info here */
}

Shoud cover all the cases for a readonly input field...