CSSの質問 - 透明な下線付きテキストボックス - ハウツーですか？

Question

おはよう、

クイックCSSの質問。下線が引かれた透明なテキストボックスを作るために、誰でも簡単なCSSを知っていますか？私は基本的にテキストボックスを下の境界を除いて見えないようにしたい。私はそれが正常に機能するために必要です。私は、左、右、上の境界線を削除し、透明または何かに背景を設定しますか？どのようにこれを正しく達成するための例？このアプリはIE7用です。どんな助けでも常に感謝しています。サンディエゴの

乾杯、 〜CK

Answer 1

は、これはそれを行う必要があります：

IE8（IE7の互換モード）で動作確認済み

input.myBox 
{ 
    border: 0px solid #000000; 
    border-bottom-width: 1px; 
    background-color: transparent; 
} 

を

Answer 2

だけの提案...人々はであるため、ではこれに慣れていないので、ユーザーがマウスの上にマウスを置いたときに色を少し変えるためにホバー擬似クラスを追加して、何が起こっているのかの視覚的な「ヒント」として追加することができます。

例：

input.myBox:hover 
{ 
    border-color: #000066; 
    background-color: #FFFFF7; 
}