活动的伪CSS类不适用于Firefox中的文本框 [英] Active Pseudo CSS class not working for textbox in Firefox

问题描述

我试图在Firefox的文本框中使用Active Pseudo CSS类，但似乎不工作。有谁能告诉我一个解决方案。下面是我使用的CSS代码：

悬停工作正常。但是点击文本框，活动类应该已经被应用，但它没有。

  .txtLogin 
 {
 width：100px; 
 float：right; 
 padding：1px！important; 
 border：1px solid #ccc; 
 height：20px; 
 font-size：12px; 
 font-weight：normal; 
颜色：＃000; 
 font-family：Arial; 
} 
 
 .txtLogin：hover 
 {
 background：#ededed; 
 border：1px solid #bfbfbf; 
 border-top：1px solid＃b5b5b5; 
} 
 .txt登录：激活
 {
背景：＃d9d9d9; 
 border：1px solid #bfbfbf！important; 
 
  

解决方案

相同和Mozilla已经修复了这个bug。这里是错误ID https://bugzilla.mozilla.org/show_bug.cgi?id= 1168055 。他们提供了相同的补丁。

I am trying to use Active Pseudo CSS class on text box in Firefox but seems like it is not working. Could any one suggest me a solution. below is the css code i am using :

hover is working fine. but on clicking on text box , active class should have been applied but it isnt.

.txtLogin 
{
width: 100px;
float: right;
padding: 1px !important;
border: 1px solid #ccc;
height: 20px;
font-size: 12px;
font-weight: normal;
color: #000;
font-family: Arial;
}

.txtLogin:hover
{
    background: #ededed;
    border: 1px solid #bfbfbf;
    border-top: 1px solid #b5b5b5;
}
.txtLogin:active
{
    background: #d9d9d9;
    border: 1px solid #bfbfbf !important;
}

解决方案

I had raised a bug for the same and mozilla has now fixed this bug. Here is the bug id https://bugzilla.mozilla.org/show_bug.cgi?id=1168055 . They have provided a patch for the same.

这篇关于活动的伪CSS类不适用于Firefox中的文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！