Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何创建输入类型=";提交;从href?_Html_Css_Input_Types - Fatal编程技术网

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 {[...]}