Html 如何创建输入类型=";提交;从href?
我有这个,并且需要为Html 如何创建输入类型=";提交;从href?,html,css,input,types,Html,Css,Input,Types,我有这个,并且需要为input type=“submit”或“按钮”使用相同的样式。可能吗?如果是,怎么做 提前谢谢 a.dlbtn{ 显示:内联块; 位置:相对位置; 高度:30px; 线高:30px; 溢出:隐藏; 填充:0 20px; 字体大小:12px; 字体大小:粗体; 颜色:#dfdfdf; 背景色:#4b4b; } a、 dlbtn:悬停, a、 dlbtn:焦点{ 颜色:#fff; 右侧填充:90px; 背景色:#5381bf; 边框颜色:#5381bf; } 点击按钮并提交,
input type=“submit”
或“按钮”
使用相同的样式。可能吗?如果是,怎么做
提前谢谢
a.dlbtn{
显示:内联块;
位置:相对位置;
高度:30px;
线高:30px;
溢出:隐藏;
填充:0 20px;
字体大小:12px;
字体大小:粗体;
颜色:#dfdfdf;
背景色:#4b4b;
}
a、 dlbtn:悬停,
a、 dlbtn:焦点{
颜色:#fff;
右侧填充:90px;
背景色:#5381bf;
边框颜色:#5381bf;
}
点击按钮并提交,然后放入class=“dlbtn”
:
按钮
<button name="xxxx" class="dlbtn">
想象一个按钮和带有
dlbtn
类的输入元素:
<input class="dlbtn" type="submit" value="Submit">
<button class="dlbtn" type="submit">Submit</button>
您可以向css选择器添加额外的html标记,允许类声明应用于a
、input
和按钮html标记以及dlbtn
类集:
a.dlbtn, input.dlbtn, button.dlbtn {[...]}
a.dlbtn:hover, input.dlbtn:hover, button.dlbtn:hover {[...]}
a.dlbtn:focus, input.dlbtn:focus, button.dlbtn:focus {[...]}
或者,您可以删除html标记限制,并将该类应用于具有“dlbtn”类的任何html元素(如[…]
):
只是提醒您,输入
和按钮
都带有浏览器提供的标准样式。您可能会在StackOverflow上找到另一个答案,该答案涉及覆盖标准样式的方法(例如使用-webkit外观:none
来处理输入元素的一些Chrome自动样式)
编辑:更新后的
类型为每个Leo Farmer“提交”。请将您的代码粘贴到您的问题中使用类或id在输入类型中不起作用我认为按钮类型应为“提交”而不是“按钮”,否则不会提交表单
a.dlbtn {[...]}
a.dlbtn:hover {[...]}
a.dlbtn:focus {[...]}
a.dlbtn, input.dlbtn, button.dlbtn {[...]}
a.dlbtn:hover, input.dlbtn:hover, button.dlbtn:hover {[...]}
a.dlbtn:focus, input.dlbtn:focus, button.dlbtn:focus {[...]}
.dlbtn {[...]}
.dlbtn:hover {[...]}
.dlbtn:focus {[...]}