在 Internet Explorer 8 中输入文本字段未获得视觉焦点

Question

创建文本框的代码如下：

<div class="entry-form">
    <div class="text">
        <asp:TextBox ID="serviceProviderNameTextBox" MaxLength="40" runat="server"></asp:TextBox>
    </div>
</div>

下面是正在使用的CSS：

.entry-form .text {
    position: relative;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 16.71em;
    height: 2.3em;
    margin: 0 8px 0 0;
}

.entry-form .text input:focus {
    -webkit-box-shadow: #23acff 0 0 9px;
    -moz-box-shadow: #23acff 0 0 9px;
    box-shadow: 0 0 9px #23acff;
}

由于 Box shadow 属性仅适用于 Internet Explorer 9 及以上版本，以下代码用于 IE8

.ie8 .entry-form .text input:focus {
outline: thin solid #23acff;
}

尽管大纲属性适用于我创建的下拉列表，但它不适用于文本输入（生成的大纲短于或长于文本框大小）。使用键盘时我得到了焦点，但它不是视觉的。有没有什么方法可以使用任何其他属性在 IE8 中的文本框上获得 视觉焦点。

感谢任何帮助。提前致谢。

Answer 1

我认为 IE8 不支持 :focus，试试 input:active

在 Internet Explorer 8 中输入文本字段未获得视觉焦点

Input text fields not receiving visual focus in Internet explorer 8

css

internet-explorer-8