Question

我想对焦点<dx:ASPxTextBox control>应用效果。这是我试过的：

<dx:ASPxTextBox ID="tb_name" runat="server" Focused-CssClass="txtBox"></dx:ASPxTextBox>

这是我专注的课程css：

<style>
    .txtBox:focus {
        border-color : red;
        transition : 0.5s linear;
    }
</style>

当我尝试它时，似乎当我点击我的textBox时我的css的焦点状态不适用。我尝试使用简单的<asp:TextBox>完全相同，但效果很好，所以我的css没有参与。

如何使用DevelopperExpress控件<dx:ASPxTextBox>执行此操作？

Answer 1

感谢@Darren，解决方案是将：焦点状态分离到单个css类中。这是要做的步骤：

<dx:ASPxTextBox ID="tb_name" runat=server" CssClass="txtBox">
    <FocusedStyle CssClass="txtBoxFocused"></FocusedStyle>
</dx:ASPxTextBox>

焦点状态不与＆＃34; basic＆＃34;州。这是css：

<style>
    .txtBox {
        border-color : black;
        border-width : 1px;
        transition : 0.5s linear;
    }

    .txtBoxFocused {
        border-color : red;
        border-width : 1px;
        transition : 0.5s linear;
    }
</style>

ASPx控件焦点不起作用

1 个答案: