如何在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'屬性一樣。