ASPx控件焦点不起作用

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>

当我尝试它时，当我单击文本框时，似乎没有应用CSS的焦点状态。 我用一个简单的<asp:TextBox>尝试了完全相同的方法，并且效果很好，所以不涉及CSS。

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

Answer 1

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

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

焦点状态不与“基本”状态共享。 这是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>