css - 在 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