javascript - 如何在html中设置输入类型按钮的样式

Question

我有以下代码片段，它插入一个点击按钮并在我的 CRM 中打开一个谷歌页面。我如何设计我的按钮。该按钮出现在下面的输入选项卡中。有哪些选项。使按钮更流畅，更棒

<script>

function openLink(target){

        window.open('https://google.co.in','_blank');
}

function addCustomButton()
{



               var mergeNode = document.getElementById("BTN_TB_AccountForm_MergeWizard").parentNode.parentNode.parentNode.parentNode;

               var parent=mergeNode.parentNode;



               //BTN_TB_AccountForm_MergeWizard is the ID of the Merge Button on the ActionForm Bar


               //Create a TD node and attach a buttom element.

               var td2 = document.createElement("td");
               td2.innerHTML="<input type=button  value=Click onclick=\"openLink()\">";

               //Append Child
               parent.insertBefore(td2,mergeNode.nextSibling);


        }

}

setTimeout ( "addCustomButton()", 1000 ); // To be sure the Action Bar is loaded
</script>

Answer 1

您可以尝试设置按钮的 css 类：

<input type="button" class="MyButton" value="Click" onclick="openLink();">

并设置这样的内部html td：

td2.innerHTML="<input type='button' class='MyButton' value='Click' onclick=\"openLink();\">";

CSS（此样式仅用于演示，您可以设置您的特定或根据您的要求）：

.MyButton{
   color: #ffffff;
   background-color: #1EAA49;
  *background-color: #1EAA49;
   border-color: #4cae4c;
}

Answer 2

您可以使用以下方式对其进行样式设置：

input {
   your css here
}

或更具体的用途：

input[type=button]