2013-07-04 7 views
6

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

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

それは問題なく動作しますが、フィールドにデータを入力すると、データはグレーとイタリックになります。私は、データ(値)が通常と黒で、タイトルだけがイタリックとグレーであることを望みます。

アイデア?

+0

これがあるとしてあなたは 'title'属性のスタイルを変更することはできませんOSによって処理されます。あなたが持っているものは、 'title'属性を持つ' input'要素を選択したものです –

+2

[タイトルをスタイルすることは可能ですか? (とCSSまたはjs?)](http://stackoverflow.com/questions/4383148/is-it-possible-to-style-a-title-and-with-css-or-js) – cimmanon

+0

JavaScriptを使用して 'title'プロパティを別のものに変更し、最後にこの他のものをカスタマイズすることができます。見てください[ここ](http://www.designchemical.com/blog/index.php/jquery/jquery-tooltips-create-your-own-tooltip-plugin/) –

答えて

4

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

How to change the style of Title attribute inside the anchor tag?をご覧ください。しかし、デフォルトのブラウザの動作がカスタムソリューションを妨げないように、 'data-title'のようなカスタムフィールドを使用することをお勧めします。

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

あなたのコードが何をしているのか、そしてなぜそれが問題を解決するのかについて、より多くの説明を加えてください。ほとんどの場合、コードが含まれていても(たとえそれが機能していても)、OPが問題を理解するのに役立たない場合があります。 – Drenmi

1

あなたは<h2></h2>に入力のタイトルを追加し、以下のようにCSSからタイトルのプロパティを変更することができます

h2 { 
    font-style: italic; 
    color: gray; 
    font-size: 1em; 
} 
関連する問題