Stylizowanie atrybutu tytułu HTML za pomocą CSS

Question

Próbuję ustawić atrybut tytułu na <input type="text"> przy użyciu CSS. Tak to zrobiłem:

input[type="text"][title] { 
    font-style: italic; 
    color: gray; 
} 

Działa poprawnie, ale kiedy wprowadzam dane do pola, dane są szare i pochylone. Chcę, aby dane (wartość) były normalne i czarne, a tylko tytuł był pochyły i szary.

Wszelkie pomysły?

Answer 1

Możesz wykonać niestandardowe rozwiązanie za pomocą CSS3.

Spójrz na How to change the style of Title attribute inside the anchor tag?. Ale proponuję użyć niestandardowego pola, takiego jak "tytuł danych", aby domyślne zachowanie przeglądarki nie kolidowało z niestandardowym rozwiązaniem.

Answer 2

input[type="text"][title]:hover:after { 
    font-style: italic; 
    color:gray; 
} 

Answer 3

Możesz dodać tytuł Wejście w <h2></h2> a następnie zmienić właściwość tytułu z css jak poniżej:

h2 { 
    font-style: italic; 
    color: gray; 
    font-size: 1em; 
}