TabContainer 背景色的設定

2022-08-04 21:21:21 字數 1221 閱讀 2170

| home

| 透過使用者互動才動態載入使用者控制項的問題 >>

自訂 ajax control tookit 中的 tabcontainer 其css樣式

posted on 2023年6月5日 下午 01:03

我要推薦

ajax control toolkit (atlas) 提供了許多方便的ajax控制項,關於其中tab container(標籤容器): 針對預設css style要修改的話,可以在開發頁面中,使用 ie develop tool 找出該控制項包含的css樣式;把預設的 ajax__tab_xp 改成自訂的名稱如 .sam__tab_xp,然後再控制項的cssclass屬性指定即可。

因為預設樣式的tab大小(height)只有21px,對於中文字及大多數的版面需求來說有點不夠,然而此控制項會運用到一些圖片來美化,我把它改成28px,有興趣的可以參考附件。修改時注意.ajax__tab_tab這個屬性,原始檔在官網上可以下載。01

.sam__tab_xp .ajax__tab_body 02

1516 .sam__tab_xp .ajax__tab_header  

1722

23 .sam__tab_xp .ajax__tab_outer

2429

30 .sam__tab_xp .ajax__tab_inner

3135

36 .sam__tab_xp .ajax__tab_tab

3746

47 .sam__tab_xp .ajax__tab_hover .ajax__tab_outer

4851

52 .sam__tab_xp .ajax__tab_hover .ajax__tab_inner

5356

57 .sam__tab_xp .ajax__tab_hover .ajax__tab_tab

5861

62 .sam__tab_xp .ajax__tab_active .ajax__tab_outer

6366

67 .sam__tab_xp .ajax__tab_active .ajax__tab_inner

6871

72 .sam__tab_xp .ajax__tab_active .ajax__tab_tab 73{

74     background:url(image/ajaxtab/tab-active-h28.gif) repeat-x;  

前景色與背景色

在 css 中可以為任何元素設定前景色 背景色,整個頁面帶給人的感覺與這兩個屬性息息相關。前景色是指元素顏色及其邊框顏色,通過 color 屬性或 border color 可以進行設定。在沒有單獨宣告的情況下元素顏色與邊框顏色一致。系統預設前景色一般為黑色。背景色指的是元素內容區及內邊距區域的顏色...

改變Push Button背景色

聞怡洋 01 9 12 下午 03 14 36 在windows中edit,staticbox的背景色都可以通過處理wm ctlcolor訊息來改變,但push button卻不行。唯一的方法是使用ownerdraw風格的按鈕。本文講述的方法是使用cbutton的派生類。class ccbutton...

Android Studio 設定背景色

原文 android.eoe.cn topic android studio 對於我們長期使用電腦程式設計的人來說,白色很刺激我們的眼睛,所以我經常會改變workspace的背景色,使眼睛舒服一些。選擇settings 選擇colors fonts 選擇darcula 黑色 default 白色 背...