gpt4 book ai didi

css - 输入[类型 ="button"]、输入[类型 ="submit"]、按钮 CSS 行为不正常

转载 作者:太空狗 更新时间:2023-10-29 12:36:38 30 4
gpt4 key购买 nike

我正在努力让它发挥作用,但还是有些不对劲。

我想用 CSS 设置提交按钮的样式以匹配我已有的按钮。

<input type="submit" name="save_settings" value="Opslaan">

风格:

input[type="button"], input[type="submit"], button
{
background: url("http://gasterijdebakker.nl/email/php/pages/images/layout/bg-btn-left.png") no-repeat scroll left top transparent;
display: inline-block;
line-height: 35px;
padding:7px 0 15px 12px;
margin:0;
border:0;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
letter-spacing: -1px;
text-shadow: 0 1px 1px #70A7E0;

jsFiddle

最佳答案

最好不要使用背景图片,而是使用 css3 渐变。像这样的东西:

input[type="button"], input[type="submit"], button
{

background-color: #a3d4ff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#a3d4ff), to(#88bcf2));
background-image: -webkit-linear-gradient(top, #a3d4ff, #88bcf2);
background-image: -moz-linear-gradient(top, #a3d4ff, #88bcf2);
background-image: -o-linear-gradient(top, #a3d4ff, #88bcf2);
background-image: linear-gradient(to bottom, #a3d4ff, #88bcf2);
border-radius:3px;
display: inline-block;
line-height: 22px;
padding:7px 12px;
margin:0;
border: 1px solid #88bcf2;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
letter-spacing: -1px;
text-shadow: 0 1px 1px #70A7E0;
cursor:pointer;
}​

关于css - 输入[类型 ="button"]、输入[类型 ="submit"]、按钮 CSS 行为不正常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14082458/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com