テキストボックスに焦点を当てる

私はちょうどテキストボックスにいくつかのCSSを入れました:

 #TxtBoxDescription
{
height: 30px;
padding: 5px;
width: 185px;
background: rgba(255,255,255,0.4);
border: none;
float: right;
margin: 10px 3px;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

 #DropDownListPriority
{
float: right;
height: 30px;
width: 95px;
background: rgba(255,255,255,0.4);
margin: 10px 3px;
}

  #LkAddBug
 {
color: rgba(255,255,255,0.8);
font-family: 'Quicksand' , sans-serif;
float: right;
width: 95px;
height: 22px;
text-decoration: none;
display: block;
background: rgba(255,255,255,0.4);
margin: 10px 10px 10px 3px;
text-align: center;
padding: 4px 0;
letter-spacing: -1;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
 }

そして、テキストを書くためにテキストボックスをクリックしたいとき、私はそれを真ん中でクリックすることができません、私はフォーカスを得るために底をクリックしなければなりません...それはとても奇妙なので、 CSSの問題ではありますが、私はそれを修正することはできません...誰かが私を助けることができますか?

ありがとうございました !

0
jsfiddle.net のライブサンプルはあなたの問題を理解するのに良い
追加された 著者 sandeep,
私もドロップダウンリストとリンクボタンを浮かべています。私のポストで編集!
追加された 著者 Kiwimoisi,
ページに他のコントロールがたくさんありますか?他のコントロールを使わずに空白のページに置いてテストしましたか?私はあなたのテキストボックスに(視覚的に)重複しない別のコントロールを思い出させます。テストとして、テキストボックスのCSSに大きなz-インデックスを追加します。 z-indexのようなもの:100000;
追加された 著者 thomasvdb,

1 答え

このフィドルのように、CSSはテキストエリアやテキスト入力には影響しません。 IEとFirefoxの両方でテストされています。

あなたはあなたの問題の原因となっている何か他のものを持っているか、または関連する情報を欠落しています。

1
追加された
私はそれを修正!私は相対的なポジションを追加しなければならなかった!奇妙な...しかし、働いて!
追加された 著者 Kiwimoisi,