jQuery.placeholder プラグインを Bootstrap と一緒に使う
<input>要素の初期値をセットすることができるIE比対応の属性placeholder。
無理してまで使うものではないんだろうけど、使わざるを得ない状況になったというレアケース?
このplaceholderをIEでも有効にするためのプラグインがjQueryのplaceholderプラグイン。
で、このプラグインをTwitter Bootstrap とセットにするとちょっとした問題があって、ハマってしまったのでメモ。
- 環境
jQuery 1.7.2
jQuery Placeholder 2.0.7
Twitter Bootstrap 2.3.1
- ハマった点
placeholder属性で設定するフォントの色指定が利かない
- 解決方法
bootstrap.css (bootstrap.min.css) のinputタグの設定部分の色をコメントアウト
2.3.1でいうと1100行目付近
解決方法といっていいものかどうか...