为什么我的 CSS 没有改变提交按钮的高度?宽度改变但高度没有。我也试过使用填充,但它也没有改变。
这是我的代码:-
.contact-form input[type="submit"] {
width: 100%;
height: 65px;
}Run Code Online (Sandbox Code Playgroud)
<form class="contact-form" action="">
<input type="text" name="fullname" placeholder="full name">
<input type="text" name="email" placeholder="email address">
<input type="text" name="subject" placeholder="subject">
<textarea name="message" placeholder="message"></textarea>
<input type="submit" value="Submit">
</form>Run Code Online (Sandbox Code Playgroud)
https://i.stack.imgur.com/DpdQK.png
谢谢
我想问一下如何仅使用html和CSS创建80个背景?

我试过这样做,但得到了这个结果:

.bottom-background {
background-size: 100px 100px;
background-image: linear-gradient(to right, green 2px, transparent 2px), linear-gradient(to bottom, green 2px, transparent 2px);
width: 100%;
height: 50vh;
bottom: 0;
position: absolute;
perspective: 20px;
transform: rotateX(45deg);
}Run Code Online (Sandbox Code Playgroud)
<div class="bottom-background"></div>Run Code Online (Sandbox Code Playgroud)
我想像第一张图片一样居中。
我想为跨度元素设置不同的边距。例如,margin-top: 25px应该是第一个 span 元素,margin-top: 15px应该是第二个元素:
<div style="background: green">
<span style="display: inline-block; margin-top: 25px;">1</span>
<span style="display: inline-block; margin-top: 15px;">2</span>
</div>Run Code Online (Sandbox Code Playgroud)
但是,第二个span有margin-top: 25px。
是否可以margin-top为两个span元素设置不同?
当您编写此代码时:(在Chrome中)
<div style="font-size: 32px">txt</div>Run Code Online (Sandbox Code Playgroud)
其高度将为37px。但是这个:
<div style="font-size: 16px">txt</div>Run Code Online (Sandbox Code Playgroud)
其高度将为18px。
所以我的问题是:是否有任何公式可以计算渲染时文本的高度(基于字体大小)?
我正在尝试将未选中的复选框的背景颜色设置为白色,但我找不到方法来做到这一点。当选中和未选中时,它都会保持蓝色。我尝试过:
input[type=checkbox]:not(:checked) {
background-color: white;
}
Run Code Online (Sandbox Code Playgroud)
并且:
input[type=checkbox]:after { (this one I don't think it's even valid)
background-color: white;
}
Run Code Online (Sandbox Code Playgroud)
我目前的代码是:
input[type=checkbox]:not(:checked) {
background-color: white;
}
Run Code Online (Sandbox Code Playgroud)
input[type=checkbox]:after { (this one I don't think it's even valid)
background-color: white;
}
Run Code Online (Sandbox Code Playgroud)
如果有人有任何想法,我将不胜感激。谢谢
我这里有一个工具提示代码。当我在此工具提示上移动鼠标以单击按钮时,它就会消失。怎么让它留下来?我不知道怎么做
a.tooltips {
position: relative;
}
a.tooltips span {
position: absolute;
width: 140px;
color: #FFFFFF;
background: #000000;
min-height: 50px;
line-height: 30px;
text-align: center;
visibility: hidden;
border-radius: 6px;
}
a.tooltips span:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
border-top: 8px solid #000000;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltips span {
visibility: visible;
opacity: 0.8;
bottom: 30px;
left: 50%;
margin-left: -76px;
z-index: 999;
}Run Code Online (Sandbox Code Playgroud)
<a class="tooltips" href="#">CSS Tooltips
<span>Tooltip <button …Run Code Online (Sandbox Code Playgroud)