html - CSS + input type=text にテキストを入れる

Question

次のコードがあり、すべてのブラウザーで正常に動作します。

 <input type="text" id="fileUploadTextBox" value="Browse My Computer"/>

IEに関しては、テキストを少し変更したかった

 <input type="text" id="fileUploadTextBox" value="Browse My Computer (Double Click)"/>

CSSを使用してこれを行うことはできますか? IE 用に別の CSS ファイルを実行する方法を知っています。

または、これを行う別の方法はありますか？

どうも

Answer 1

条件付きコメントを使用すると、次のことができます。

他のブラウザのために：

<!--[if !IE]><!-->
    <input type="text" id="fileUploadTextBox" value="Browse My Computer"/>
<!--<![endif]-->

IE ブラウザの場合:

<!--[if IE]>
    <input type="text" id="fileUploadTextBox" value="Browse My Computer (Double Click)"/>
<![endif]-->

デモを見る

または、Javascript/jQuery を使用してそれを実現することもできます。

Answer 2

jQuery を使用したこの Javascript は動作するはずです。

if ( $.browser.msie ) {
  <input type="text" id="fileUploadTextBox" value="Browse My Computer (Double Click)"/>
} else {
  <input type="text" id="fileUploadTextBox" value="Browse My Computer"/>
}