html - 登录表单,复选框后的文本

标签 html css forms checkbox

我正在为一个学校元素做一个登录表单,出于某种原因,我无法在没有任何元素移动的情况下在复选框后放置文本。我在复选框上尝试了 display: inline 属性,但仍然无法正常工作。应该有文字“还记得我吗?”在复选框之后。这是演示:http://jsfiddle.net/sa6y8epc/

最佳答案

使用 .login-div input 设置的规则也适用于复选框。更改它,并从 #checkbox

中删除 float: left
.login-div input[type=text],
.login-div input[type=password] { 
    display: block;
    margin-top: 10px;
    border: 1px solid #b3b3b3;
    border-radius: 2px;
    width: 245px;
    height: 22px;
    padding: 2px;
    padding-left: 8px;
}

#checkbox  {
/*float: left;*/
}

UPDATED FIDDLE

关于html - 登录表单,复选框后的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33477443/

相关文章:

javascript - Bootstrap 导航栏切换与下拉菜单不同步

html - Google 站点 HTML 框不允许 css 转换工作

javascript - 从溢出 :hidden elements 监听滚动事件

css - 如何使用 CSS 更改 JavaFX Spinner 的按钮宽度?

html - 传单控件在 Mac 上不垂直居中

php - Symfony2 : Prevent duplicate in database with form Many to One

javascript - 带有 twitter bootstrap 和 jQuery 的表格

javascript - 在移动和非移动浏览器中使用 <a href ="tel:...">

html - 输入类型 "search"取消按钮未在 Firefox、IE 和 Edge 中显示

forms - Symfony 2 表单验证组