如何在WordPress中编辑element.style？

Question

我想编辑一个最近在WordPress中定义的function.php文件中的下拉菜单。

所以我想展示在WordPress的头两个菜单是这样的：

所以，我想增加菜单的宽度，并想使这个像这样：

所以，如果我试图把代码放在div中，并试图增加div的宽度，那么整个事情正在增加，如果我试图检查元素，然后显示它：

element.style { 
} 
input, button, select, textarea { 
    font-family: inherit; 
    font-size: inherit; 
    line-height: inherit; 
} 
button, select { 
    text-transform: none; 
} 

所以，如何修改element.style，当它没有在样式表中的任何地方定义。

Answer 1

我已将宽度添加到主题样式表的全局选择元素。

select{padding: 6px 8px; border-radius: 0; outline: 0;width:209px} 

Answer 2

您可以通过嵌套类增加css优先级。

演示： -

<span><p>hair</p></span> 

CSS： -

p{color:red;} 
span p{color :blue;} 

前面的演示将显示蓝色文本。

Answer 3

元素风格定义主要源代码，像这样：

<select class="btn fixed" style="width:250px"></select> 

你应该覆盖一些代码，CSS文件。

.btn.fixed[style] {width: 800px !important;} 

就像样式中'input'元素的'placeholder'属性一样。