900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > css如何设置按钮不可点击 CSS按钮不可点击全部

css如何设置按钮不可点击 CSS按钮不可点击全部

时间:2022-05-04 15:53:52

相关推荐

css如何设置按钮不可点击 CSS按钮不可点击全部

你使用什么库/框架来生成表单?您发布的代码并不能告诉我们有关生成的HTML的多少信息。

在你的CSS(global_style.css)看,我可以看到,此按钮的宽度是硬编码到131个像素:

.submit_input {

color:#FFF;

margin:0 auto;

text-align:center;

font-size:14px;

font-weight:bold;

background:none;

border:none;

width:131px;

height:22px;

padding-top:6px;

cursor:pointer;

}

包装实际按钮(并显示视觉指针光标和背景图像)的元素宽度为140px,高度为30px。

现在,您不想将这些值再次硬编码到按钮,您想将此按钮设置为100%的宽度和高度。如果它是内联元素,这可能不起作用,因此您需要将其display属性设置为block。在.submit_input选择替换为以下内容:

.submit_input {

color:#FFF;

margin:0 auto;

text-align:center;

font-size:14px;

font-weight:bold;

background:none;

border:none;

width: 100%;

height: 100%;

display: block;

padding-top:6px;

cursor:pointer;

}

应该这样做。干杯。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。