Wordpress <img>風格被放置在小工具中時被覆蓋

-1

我正在創建一個繪製條形碼的WP Widget。我可以生成一個條形碼，只要將它放在管理頁面上就可以正常工作（單擊Hello Dolly！）。Wordpress <img>風格被放置在小工具中時被覆蓋

組成條形碼中的標籤明確設置的條和空的高度和寬度，每個人都很開心。

當我將相同的插件代碼應用到窗口小部件時，寬度將保持不變，但由於某種原因，高度會縮小。

結果是條形碼大約1個像素高，這不掃描的權利。我有興趣找出爲什麼/我的顯式樣式在widget類中被覆蓋。

編輯：包含在插件中唯一的CSS是在這裏：

// We need some CSS to position the paragraph 
function barcode_css() { 
     $x = is_rtl() ? 'left' : 'right'; 

     echo " 
     <style type='text/css'> 
     #barcode { 
       float: $x; 
       padding-$x: 15px; 
       padding-top: 5px; 
       margin: 0; 
       font-size: 11px; 
     } 
     </style> 
     "; 
}

來源

2017-06-16 Brian Anderson

它現在正在工作。而不是試圖明確設置高度和寬度的屬性我用內聯CSS根據這個答案： https://stackoverflow.com/a/15000373/769938

一旦我調整了我的小部件的PHP它開始工作。

來源

2017-06-16 15:25:23

你有沒有嘗試添加重要的是你的CSS！？

來源

2017-06-16 14:03:19

我得到它的工作。你的建議讓我走上了正確的道路，但我並不需要使用！重要的。我使用內聯樣式，而不是直接設置高度和寬度屬性，並依靠CSS來排序。 –

這不是問題的最佳答案。儘量避免使用'''important'''，除非這是唯一可行的方式。閱讀關於它：https://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css#answer-3706876 – Marten

Wordpress <img>風格被放置在小工具中時被覆蓋

回答

相關問題