Css 如何调查前端

Css 如何调查前端,css,Css,我有一个网页,上面有两个单选按钮: 它不是由我实现的,我想知道是什么原因造成的,当鼠标在它上面时,还有一行(我认为很难看): 有5个级别的div(它不是一个真正的按钮),下面的代码来自FF(仅供您想象,我无法更改): 您的问题出在这个div上,我认为.dijit.dijitReset.dijitInline.dojoxcheckedmultipleselectwrapper,如下所示: #dijit_u小部件(60#dijit_u小部件)61{ 显示:内联块; } .dijit.dijit

我有一个网页,上面有两个单选按钮:

它不是由我实现的,我想知道是什么原因造成的,当鼠标在它上面时,还有一行(我认为很难看):

有5个级别的div(它不是一个真正的按钮),下面的代码来自FF(仅供您想象,我无法更改):


您的问题出在这个
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;
            }