IE10からだと思うんですが、フォームに文字を入力すると削除できる×印が出るようになりました。
便利なんだけど、邪魔なときもある。
消すにはブラウザのプレフィックス付きのcssで制御するということです。
同じように、パスワードを一瞬見えるようにする目のアイコンも非表示にできます。
◆クリアーボタン?×印のやつ
.hogehoge input::-ms-clear{
visibility:hidden
}
◆リビールボタン?目の印のやつ
.hogehoge input::-ms-reveal {
visibility:hidden
}
2013年12月12日木曜日
2012年9月21日金曜日
【CSSハック】IE7のみに適用
IE7のみに適用したいcssハック 記述
適用したいcssの前方に *:first-child+html を追加する。
例:
*:first-child+html .floating-box input[type="button"] {/*for IE7*/
padding-left: -30px;
}
IE7はIE6よりかはマシだけど、中途半端にcssが適用されたりしてレイアウト崩れが頻発しやすい感じがする。
あと、基本Vistaの人が使ってるから、シェア少なくなってきてるのでそろそろ考えなくてもいいかも?
適用したいcssの前方に *:first-child+html を追加する。
例:
*:first-child+html .floating-box input[type="button"] {/*for IE7*/
padding-left: -30px;
}
IE7はIE6よりかはマシだけど、中途半端にcssが適用されたりしてレイアウト崩れが頻発しやすい感じがする。
あと、基本Vistaの人が使ってるから、シェア少なくなってきてるのでそろそろ考えなくてもいいかも?
ラベル:
css,
Dreamweaver,
IE,
ハック
2012年9月19日水曜日
【CSSハック】IE6以前に適用
IE6以前(5.5なども含む)にのみ適用されるCSSハック 記述法
適用したいcssの前方に * html を記述。
例:
* html .leadBox {
margin:5px
}
IE6はそろそろ考えなくてもいいかな。さすがに。
適用したいcssの前方に * html を記述。
例:
* html .leadBox {
margin:5px
}
IE6はそろそろ考えなくてもいいかな。さすがに。
ラベル:
css,
Dreamweaver,
IE,
ハック
登録:
投稿 (Atom)