Css 如何调查前端
我有一个网页,上面有两个单选按钮: 它不是由我实现的,我想知道是什么原因造成的,当鼠标在它上面时,还有一行(我认为很难看): 有5个级别的div(它不是一个真正的按钮),下面的代码来自FF(仅供您想象,我无法更改):Css 如何调查前端,css,Css,我有一个网页,上面有两个单选按钮: 它不是由我实现的,我想知道是什么原因造成的,当鼠标在它上面时,还有一行(我认为很难看): 有5个级别的div(它不是一个真正的按钮),下面的代码来自FF(仅供您想象,我无法更改): 您的问题出在这个div上,我认为.dijit.dijitReset.dijitInline.dojoxcheckedmultipleselectwrapper,如下所示: #dijit_u小部件(60#dijit_u小部件)61{ 显示:内联块; } .dijit.dijit
您的问题出在这个
div
上,我认为.dijit.dijitReset.dijitInline.dojoxcheckedmultipleselectwrapper
,如下所示:
#dijit_u小部件(60#dijit_u小部件)61{
显示:内联块;
}
.dijit.dijitReset.dijitInline.dojoxCheckedMultiSelectWrapper:hover#dijit u小部件61、.dijit.dijitReset.dijitInline.dojoxCheckedMultiSelectWrapper:hover#dijit u小部件60{
边框顶部:1px实心#EFEF;
}
管理系统ID
身份证
试试outline:none
聚焦或悬停抱歉,没什么用。你能为假人添加步骤吗?好的,等我发布一些code@NikhilGhuse检查我的编辑也,也许你的意思是。。。但这不起作用…在那个div上,在检查元素时的调试选项卡上,查找过滤器选项卡打开并单击:hover
应该看到css
这样做,必须是一个边框添加到:hover状态。我不知道,你是如何发现的。我没有意识到,在“风格”中,它可以被添加到中间的某个地方。最后问题出在背景图像上-/下次我必须用样式中的过滤器检查层次结构中的所有div。。。谢谢令人遗憾的是,“力元素状态”没有按预期工作,这肯定是混乱的一部分。所以你解决了这个问题?是的,有时使用“强制元素状态”分配div
会让人头疼,所以这就是我想告诉你的,找到它的唯一方法就是检查层次结构中的所有div
。
<div class="dijit dijitReset dijitInline dijitLeft BPMHorizontalRadio dojoxCheckedMultiSelect" id="widget_dojox_form_CheckedMultiSelect_0" widgetid="dojox_form_CheckedMultiSelect_0">
<div data-dojo-attach-point="comboButtonNode"/>
<div data-dojo-attach-point="selectNode" class="dijit dijitReset dijitInline dojoxCheckedMultiSelectWrapper" data-dojo-attach-event="onmousedown:_onMouseDown,onclick:focus">
<select class="dojoxCheckedMultiSelectSelect dojoxCheckedMultiSelectHidden" data-dojo-attach-point="containerNode,focusNode" style="-moz-user-select: none;" tabindex="0" id="dojox_form_CheckedMultiSelect_0">
<option value="0" label="0" selected="selected"/>
</select>
<div data-dojo-attach-point="wrapperDiv">
<div class="dijitReset dojoxMultiSelectItem dojoxCheckedMultiSelectSelectedOption" id="dijit__Widget_60" widgetid="dijit__Widget_60" aria-selected="true">
<div class="dijit dijitReset dijitInline dojoxMultiSelectItemBox dijitRadio dijitRadioChecked dijitChecked" role="presentation" widgetid="dijit_form_CheckBox_60">
<input role="radio" aria-checked="true" class="dijitReset dijitCheckBoxInput" data-dojo-attach-point="focusNode" data-dojo-attach-event="ondijitclick:_onClick" value="on" tabindex="0" id="dijit_form_CheckBox_60" style="-moz-user-select: none;" aria-labelledby="div_91_label dijit_form_CheckBox_60_radio_label" name="div_91_radiogroup" type="radio">
</div>
<div class="dijitInline dojoxMultiSelectItemLabel" data-dojo-attach-point="labelNode" data-dojo-attach-event="onclick:_onClick" id="dijit_form_CheckBox_60_radio_label">Admin System ID</div>
</div>
<div class="dijitReset dojoxMultiSelectItem" id="dijit__Widget_61" widgetid="dijit__Widget_61" aria-selected="false">
<div class="dijit dijitReset dijitInline dojoxMultiSelectItemBox dijitRadio" role="presentation" widgetid="dijit_form_CheckBox_61">
<input role="radio" aria-checked="false" class="dijitReset dijitCheckBoxInput" data-dojo-attach-point="focusNode" data-dojo-attach-event="ondijitclick:_onClick" value="on" tabindex="0" id="dijit_form_CheckBox_61" style="-moz-user-select: none;" aria-labelledby="div_91_label dijit_form_CheckBox_61_radio_label" name="div_91_radiogroup" type="radio">
</div>
<div class="dijitInline dojoxMultiSelectItemLabel" data-dojo-attach-point="labelNode" data-dojo-attach-event="onclick:_onClick" id="dijit_form_CheckBox_61_radio_label">Party ID</div>
</div>
</div>
</div>
</div>
function _a83(type, _a84) {
var _a85 = function(node, _a86) {
return on(node, type, function(evt) {
if (_a84) {
return _a84(evt, _a86);
}
if (!dom.isDescendant(evt.relatedTarget, node)) {
return _a86.call(this, evt);
}
});
};
_a85.bubble = function(_a87) {
return _a83(type, function(evt, _a88) {
var _a89 = _a87(evt.target);
var _a8a = evt.relatedTarget;
if (_a89 && (_a89 != (_a8a && _a8a.nodeType == 1 && _a87(_a8a)))) {
return _a88.call(_a89, evt);
}
});
}
;
return _a85;
}