Html风格改变

时间:2018-03-06 16:47:18

标签: javascript html

我有8个这样的功能。我如何改变所有按钮的样式(宽度,颜色等)?



a,b,c,d,e,f,g,h,i,jkl,m,n,o,p




1 个答案:

答案 0 :(得分:0)

在您的javascript中,添加css

function my(){document.getElementById("question1").innerHTML="THIS QUESTION"+
"</br>"
+"<button css=‘btncss’ onclick=answer1() id=ques1 >first answ</button>"
+"<button css=‘btncss’ onclick=answer2() id=ques2 >sec answer </button>";
document.getElementById("go").innerHTML="";
}

并定义css

.btncss
{
   width:200px;
}

或者,如果您不想在javascript中添加css,请立即为所有按钮添加style

button
{
  width: 200px;
}

如果您不想将input type= "submit"添加到button,则可以使用css代替buttons并为所有css添加常规buttons在javascript中

input[type="submit"]
{
    width:200px;
}

然后你的javascript就像

function my(){document.getElementById("question1").innerHTML="THIS QUESTION"+
"</br>"
+"<input type='submit' onclick=answer1() id=ques1 value='first answ'>"
+"<input type='submit' onclick=answer2() id=ques2 value='sec answer'>";
document.getElementById("go").innerHTML="";
}
  

注意:css等一般button将自动适用于引用它的html页面

相关问题