Question

我有一个以下代码片段，它插入了一个点击按钮并在我的CRM中打开了一个谷歌页面。我该如何设计我的按钮样式。该按钮出现在下面的输入标签中。选项是什么。使maka按钮更加流畅和精湛

<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

您可以使用以下方式设置样式：

input {
   your css here
}

或更具体的用途：

input[type=button]

Answer 2

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

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

并设置td的内部html，如下所示：

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

CSS（这种风格仅用于演示，您可以设置您的具体或根据您的要求）：

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

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

2 个答案: