ASPx控制焦点不起作用

我想将重点应用于<dx:ASPxTextBox control>。这里是我的尝试：ASPx控制焦点不起作用

<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>执行此操作？

来源

2014-09-30 Anwar Nairi

它是否适用于常规的CSS类？ – APerson 2014-09-30 12:57:38

这不适用于像“边框颜色：蓝色”或任何简单的最小css类。 – 2014-09-30 12:59:01

有一个如何在公司网站上做到这一点的例子 - https://www.devexpress.com/Support/Center/Question/Details/Q558238 - 你确定主要有一个'Focused-CssClass'属性元素，vs一个子元素'''？ – Darren 2014-09-30 13:06:25

感谢@Darren，解决方案是在单个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>

来源

2014-09-30 13:26:22

ASPx控制焦点不起作用

回答

相关问题