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控制焦點不起作用

回答

相關問題