web-dev-qa-db-ja.com

CSSを使用したHTMLタイトル属性のスタイル

CSSを使用して<input type="text">のタイトル属性をスタイル設定しようとしています。これが私がしたことです:

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

正常に動作しますが、フィールドにデータを入力すると、データは灰色で斜体になります。データ(値)は通常の黒で、タイトルのみをイタリックで灰色にします。

何か案は?

6
ColdTuna

CSS3を使用してカスタムソリューションを実行できます。

アンカータグ内のTitle属性のスタイルを変更する方法は? を見てください。ただし、デフォルトのブラウザの動作がカスタムソリューションの妨げにならないように、「data-title」などのカスタムフィールドを使用することをお勧めします。

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

入力のタイトルを<h2></h2>に追加し、タイトルのプロパティをcssから次のように変更できます。

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