1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html复选框位置 html – 对齐复选框和标签

html复选框位置 html – 对齐复选框和标签

时间:2022-03-27 10:49:39

相关推荐

html复选框位置 html  – 对齐复选框和标签

并使用以下CSS设置样式:

body {

color: #333;

font: 12px Arial,Helvetica Neue,Helvetica,sans-serif;

}

#right_sidebar {

padding-top: 12px;

width: 190px;

position:relative;

}

form {

background: #EEF4F7;

border: solid red;

border-width: 1px 0;

display: block;

margin-top: 10px;

padding: 10px;

}

form label {

color: #435E66;

display:block;

font-size: 12px;

}

form textarea {

border: 1px solid #ABBBBE;

margin-bottom: 10px;

padding: 4px 3px;

width: 160px;

-moz-border-radius: 3px;

border-radius: 3px;

}

form label a {

display: block;

padding-left: 10px;

position: relative;

text-decoration: underline;

}

form label a .sp {

background: #EEF4F7;

height: 0;

left: 0;

position: absolute;

top: 2px;

width: 0;

border-top: 4px solid transparent;

border-bottom: 4px solid transparent;

border-left: 4px solid #333;

}

form button.blue_button {

margin-top: 10px;

vertical-align: top;

}

button.blue_button{

color: white;

font-size: 12px;

height: 22px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

}

button.blue_button {

background-color: #76C8C6;

border: 1px solid #7798B7;

text-shadow: 1px 1px 0px #567C9E;

}

如您所见,复选框位于标签顶部.我希望两者“在同一条线上”.所以,它看起来像“[]接受条款”.如何使文本垂直对齐复选框.

我怎么能两个都做?

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