從來就一直在努力改變道場的Claro主題,因爲it's太輕了,我想擺脫一些efects的。
其中之一是鼠標移到表格的dijits的。
是否有任何方法來禁用,在一般情況下,鼠標超過在按鈕和輸入文本框等的效果,濾波選擇等..... 我不能趕上螢火的CSS當鼠標「do sth對」的元素。應該有一個類添加到產生該效果的元素中。 任何人都可以告訴它是什麼? 感謝道場Dijit的克拉羅主題禁用鼠標移到
1
A
回答
0
從簡單-Enabled(啓用)按鈕採取主題測試儀的基本表單控件標籤 - http://download.dojotoolkit.org/release-1.7.0/dojo-release-1.7.0/dijit/themes/themeTester.html?theme=claro。
無懸停:
<span class="dijit dijitReset dijitInline dijitButton" role="presentation" widgetid="dijit_form_Button_1">
<span class="dijitReset dijitInline dijitButtonNode" data-dojo-attach-event="ondijitclick:_onClick" role="presentation">
<span class="dijitReset dijitStretch dijitButtonContents" data-dojo-attach-point="titleNode,focusNode" role="button" aria-labelledby="dijit_form_Button_1_label" tabindex="0" id="dijit_form_Button_1">
<span class="dijitReset dijitInline dijitIcon dijitIconTask" data-dojo-attach-point="iconNode"></span>
<span class="dijitReset dijitToggleButtonIconChar">?</span>
<span class="dijitReset dijitInline dijitButtonText" id="dijit_form_Button_1_label" data-dojo-attach-point="containerNode">Simple</span>
</span>
</span>
<input type="button" value="" class="dijitOffScreen" tabindex="-1" role="presentation" data-dojo-attach-point="valueNode">
</span>
懸停:
<span class="dijit dijitReset dijitInline dijitButton dijitButtonHover dijitHover" role="presentation" widgetid="dijit_form_Button_1">
<span class="dijitReset dijitInline dijitButtonNode" data-dojo-attach-event="ondijitclick:_onClick" role="presentation">
<span class="dijitReset dijitStretch dijitButtonContents" data-dojo-attach-point="titleNode,focusNode" role="button" aria-labelledby="dijit_form_Button_1_label" tabindex="0" id="dijit_form_Button_1">
<span class="dijitReset dijitInline dijitIcon dijitIconTask" data-dojo-attach-point="iconNode"></span>
<span class="dijitReset dijitToggleButtonIconChar">?</span>
<span class="dijitReset dijitInline dijitButtonText" id="dijit_form_Button_1_label" data-dojo-attach-point="containerNode">Simple</span>
</span>
</span>
<input type="button" value="" class="dijitOffScreen" tabindex="-1" role="presentation" data-dojo-attach-point="valueNode">
</span>
相同的除了外跨度的類...
無懸停:
dijit dijitReset dijitInline dijitButton
懸停:
dijit dijitReset dijitInline dijitButton dijitButtonHover dijitHover
其他表單字段可能不同,但您必須查看這些字段。從我看過的很少,我認爲每個表單dijit都有自己的懸停類(es)。
dijitHover
似乎是一個功能類,而不是一個UI類,因爲我無法找到它在道場1.8.3 CSS或JS:
d:\dev\js\dojo-release-1.8.3>findstr /i/s "dijithover" *.css
FINDSTR: // ignored
d:\dev\js\dojo-release-1.8.3>findstr /i/s "dijithover" *.js
FINDSTR: // ignored
,但我能找到dijitButtonHover
:
d:\dev\js\dojo-release-1.8.3>findstr /i/s "dijitbuttonhover" *.css
FINDSTR: // ignored
dijit\themes\claro\claro.css:.claro .dijitButtonHover .dijitButtonNode,
dijit\themes\claro\claro.css:.dj_ie .claro .dijitToolbar .dijitButtonHover .dijitButtonNode,
dijit\themes\claro\claro.css:.claro .dijitToolbar .dijitButtonHover .dijitButtonNode,
dijit\themes\claro\form\Button.css:.claro .dijitButtonHover .dijitButtonNode,
dijit\themes\claro\Toolbar.css:.dj_ie .claro .dijitToolbar .dijitButtonHover .dijitButtonNode,
dijit\themes\claro\Toolbar.css:.claro .dijitToolbar .dijitButtonHover .dijitButtonNode,
dijit\themes\nihilo\form\Button.css:.nihilo .dijitButtonHover .dijitButtonNode,
dijit\themes\nihilo\nihilo.css:.nihilo .dijitButtonHover .dijitButtonNode,
dijit\themes\nihilo\nihilo.css:.nihilo .dijitToolbar .dijitButtonHover,
dijit\themes\nihilo\Toolbar.css:.nihilo .dijitToolbar .dijitButtonHover,
dijit\themes\soria\form\Button.css:.soria .dijitButtonHover .dijitButtonNode,
dijit\themes\soria\soria.css:.soria .dijitButtonHover .dijitButtonNode,
dijit\themes\soria\soria.css:.soria .dijitToolbar .dijitButtonHover,
dijit\themes\soria\Toolbar.css:.soria .dijitToolbar .dijitButtonHover,
dijit\themes\tundra\form\Button.css:.tundra .dijitButtonHover .dijitButtonNode,
dijit\themes\tundra\Toolbar.css:.tundra .dijitToolbar .dijitButtonHover,
dijit\themes\tundra\tundra.css:.tundra .dijitButtonHover .dijitButtonNode,
dijit\themes\tundra\tundra.css:.tundra .dijitToolbar .dijitButtonHover,
dojox\grid\enhanced\resources\claro\EnhancedGrid.css:.dijitButtonHover .dojoxGridFBarCloseBtnIcon {
dojox\grid\enhanced\resources\claro\EnhancedGrid.css:.dijitButtonHover .dojoxGridFCBoxRemoveCBoxBtnIcon {
dojox\grid\enhanced\resources\claro\EnhancedGrid.css:.dijitButtonHover .dojoxGridFStatusTipDelRuleBtnIcon {
dojox\grid\enhanced\resources\claro\EnhancedGrid.css:.claro .dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn.dijitButtonHover .dijitButtonText {
dojox\grid\enhanced\resources\claro\Filter.css:.claro .dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn.dijitButtonHover .dijitButtonText {
dojox\grid\enhanced\resources\claroEnhancedGrid.css:.dijitButtonHover .dojoxGridFBarCloseBtnIcon {
dojox\grid\enhanced\resources\claroEnhancedGrid.css:.dijitButtonHover .dojoxGridFCBoxRemoveCBoxBtnIcon {
dojox\grid\enhanced\resources\claroEnhancedGrid.css:.dijitButtonHover .dojoxGridFStatusTipDelRuleBtnIcon {
dojox\grid\enhanced\resources\claroEnhancedGrid.css:.claro .dojoxGridFBarInfoTD .dojoxGridFBarClearFilterBtn.dijitButtonHover .dijitButtonText {
dojox\grid\enhanced\resources\EnhancedGrid.css:.dijitButtonHover .dojoxGridFBarCloseBtnIcon {
dojox\grid\enhanced\resources\EnhancedGrid.css:.dijitButtonHover .dojoxGridFCBoxRemoveCBoxBtnIcon {
dojox\grid\enhanced\resources\EnhancedGrid.css:.dijitButtonHover .dojoxGridFStatusTipDelRuleBtnIcon {
dojox\grid\enhanced\resources\Filter.css:.dijitButtonHover .dojoxGridFBarCloseBtnIcon {
dojox\grid\enhanced\resources\Filter.css:.dijitButtonHover .dojoxGridFCBoxRemoveCBoxBtnIcon {
dojox\grid\enhanced\resources\Filter.css:.dijitButtonHover .dojoxGridFStatusTipDelRuleBtnIcon {
dojox\grid\enhanced\resources\tundra\EnhancedGrid.css:.dijitButtonHover .dojoxGridFBarCloseBtnIcon {
dojox\grid\enhanced\resources\tundra\EnhancedGrid.css:.dijitButtonHover .dojoxGridFCBoxRemoveCBoxBtnIcon {
dojox\grid\enhanced\resources\tundra\EnhancedGrid.css:.dijitButtonHover .dojoxGridFStatusTipDelRuleBtnIcon {
dojox\grid\enhanced\resources\tundraEnhancedGrid.css:.dijitButtonHover .dojoxGridFBarCloseBtnIcon {
dojox\grid\enhanced\resources\tundraEnhancedGrid.css:.dijitButtonHover .dojoxGridFCBoxRemoveCBoxBtnIcon {
dojox\grid\enhanced\resources\tundraEnhancedGrid.css:.dijitButtonHover .dojoxGridFStatusTipDelRuleBtnIcon {
dojox\layout\resources\RotatorContainer.css:.rotatorIcons .dijitButtonHover .previous{background-position:0 -16px;}
dojox\layout\resources\RotatorContainer.css:.rotatorIcons .dijitButtonHover .next{background-position:-16px -16px;}
0
道場按鈕具有的Html SPAN節點3個分級層。 只要鼠標進入按鈕,只有頂部的SPAN被改變。附加兩個CSS類:「dijitButtonHover」和「dijitHover」(如您在「無懸停」和「懸停」HTML標記中所示)。 要改變道場的Claro到自己的設計,當鼠標進入按鈕,嘗試CSS選擇器:
.claro .dijitReset.dijitInline.dijitButton.dijitButtonHover{}
,如果你在你的CSS樣式表其他選擇有高的比重,這可能無法正常工作。如果是這種情況,請將一些CSS類添加到上面的選擇器中,以增加它的權重。
相關問題
- 1. 道場 - Dijit的對話框
- 2. 道場/ Dijit的在使用BorderContainer Dijit.Dialog
- 3. 道格拉斯克羅克福德的構造模式
- 4. 道場的現代主題?
- 5. 柯西主值與克拉梅斯 - 克羅尼格關係
- 6. 道場/ Dijit的卡口與圖像
- 7. 問題在店裏養的dijit /表格/在道場1.8
- 8. wpf ListView - 禁用標題鼠標效果
- 9. 道場:如何在鼠標懸停
- 10. 禁用鼠標移動事件
- 11. 鼠標禁用
- 12. 道場TabContainer的標題(標籤)
- 13. 禁用鼠標移到Visual Studio的底部卡口彈出
- 14. jQuery的下拉鼠標移出時,DIV
- 15. 的Javascript:用鼠標懸停啓用/禁用按鈕/鼠標移開
- 16. XPages主題和道場屬性
- 17. 從道場1.1.1遷移到道場1.3/1.4
- 18. 相機在鼠標軌道上移動
- 19. 禁用主題
- 20. jQuery的鼠標移出和鼠標離開的問題
- 21. 道場的onkeyup禁用按下IE8
- 22. 如何禁用Prestashop中聯繫表單上的主題標題下拉菜單
- 23. 使用道格拉斯克羅克福德的函數繼承在Javascript中調用基本方法
- 24. 應用圖標由主題禁用
- 25. 更改dijit的主題或風格
- 26. 禁用 - 劍道列標題選擇
- 27. 開羅語上的鼠標事件
- 28. 將鼠標光標移動到底部時將下拉菜單下拉下來
- 29. jQuery的鼠標懸停/鼠標移開問題
- 30. 問題與鼠標懸停,鼠標移出在JQuery的菜單