专注于文本框

我刚才把一些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问题，但我无法修复它......有人可以帮助我吗？

谢谢！

来源

2011-11-25 Kiwimoisi

http://jsfiddle.net/中的一个活动示例对理解您的问题很有帮助 – sandeep

页面上是否有很多其他控件？你是否在没有任何其他控件的情况下将其放在空白页上进行测试？我想起了另一个控制（不是直观地）重叠你的文本框。作为一个测试，添加一个大的z-index到你的文本框的CSS。像z-index：100000; – thomasvdb

我也在浮动一个下拉列表和一个链接按钮。在我的文章中编辑！ – Kiwimoisi

如this fiddle所示，该CSS不会影响textarea或文本输入。在IE和Firefox中都经过测试。

你要么有其他的东西导致你的问题，或者你错过了相关的信息。

来源

2011-11-25 10:35:06 mckjerral

好吧，我修好了！我必须添加相对位置！奇怪......但工作！ – Kiwimoisi

专注于文本框

回答

相关问题