我正在自定義 SharePoint 在線主選單，為此我添加了這個 javaScript 以在選單項的末尾添加一個按鈕：-
var e = document.createElement('div');
e.classList.add('ms-HorizontalNavItem');
e.innerHTML = "<a data-automation-id='button-web-part' href='https://***/' target='_blank' class='ms-Button ms-Button--primary root-251' data-is-focusable='true' style='background-Color:green;color:while'><span class='ms-Button-flexContainer flexContainer-252' data-automationid='splitbuttonprimary'><span class='ms-Button-textContainer textContainer-253'><span style='color:while'>Shop me some</span></span></span></a>";
var ele = document.querySelectorAll('[role="menubar"]');
ele[0].appendChild(e);
現在我得到的結果如下：-
但我希望專案/按鈕如下，圓角更大：-
有什么建議嗎？
uj5u.com熱心網友回復：
- 只需添加和
padding文本color<a>
<a data-automation-id='button-web-part' href='https://fullstackgear.com.au/' target='_blank' class='ms-Button ms-Button--primary root-251' data-is-focusable='true' style='background-Color:green; text-decoration: none; padding: 10px 20px; border-radius: 10px;
background-Color: green; '><span class='ms-Button-flexContainer flexContainer-252' data-automationid='splitbuttonprimary'><span class='ms-Button-textContainer textContainer-253'><span style='color: #fff;'>Shop me some</span></span></span></a>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/488903.html
標籤：javascript css
上一篇：將此幻燈片轉換為回圈播放？