文本框样式问题

Question

我们在网页中有一个文本框，用于修改IP地址。在编辑其中的内容后，文本框样式将更改为第二个框。如何将样式更改回第一个文本框的样式？我们在客户端使用javascript。 Web客户端是Internet Explorer 7.

ASP页面中创建文本框的代码片段如下所示

<td style="height: 27px"><input type="text" id="txtIpAddressHost" name="txtIpAddressHost" value="" onchange="ValidateParameter(this);" onkeydown="this.style.backgroundColor='white'"  disabled="disabled" maxlength="15" /></td>

更改前后的html如下所示

在Keypress之前

<input type="text" onkeydown="this.style.backgroundColor='white'" onchange="Validate(this);" maxlength="10" value="-30.000000" name="txtCoolSetPointCkt1" id="txtCoolSetPointCkt1">

在Keypress之后

<input type="text" onkeydown="this.style.backgroundColor='white'" onchange="Validate(this);" maxlength="10" value="-30.000000" name="txtCoolSetPointCkt1" id="txtCoolSetPointCkt1" style="background-color: white;">

css change

css change
{

    background-color: white;

}

Answer 1

使用CSS 2，您只能使用CSS实现此目的。让我们假设textbox有类ip-box。

    input.ip-box { border:1px solid #333; }
    //and when the input box has focus repeat the above rule
    input.ip-box:focus { border:1px solid #333; }

但是ie7不支持这个伪类。在这种情况下，你可以使用像

这样的javascript

    <input type="text" value="10.0.0.88" onfocus="javascript:this.style.border='1px solid #333' "/>