html – Twitter bootstrap表单字段太小

发布时间：2020-12-14 18:47:44 所属栏目：资源来源：网络整理

导读：我知道这个主题“听起来”很像其他人,但我已经看过所有现有的线程(“大多数”),而且我仍然有一个问题我可以使用帮助… 这个问题与别人所描述的不太相似：某些FORM元素不显示其完整的垂直高度其中最值得注意的是,当坐在按钮或“附加”类旁边时,INPUT类型看

我知道这个主题“听起来”很像其他人,但我已经看过所有现有的线程(“大多数”),而且我仍然有一个问题我可以使用帮助…

这个问题与别人所描述的不太相似：

>某些FORM元素不显示其完整的垂直高度
>其中最值得注意的是,当坐在按钮或“附加”类旁边时,INPUT类型看起来像大小不齐
>最近我注意到一个更严重的问题…单选按钮变成“无线电点”,因为它们很小,几乎不可见.

现在有很多人通过确保他们在HTML文档的顶部正确指定了DOCTYPE来解决他们的问题.我也发现这个简单的调整对我的静态HTML模型做了一个窍门.可悲的是,当我切换到WordPress的问题重新出现,但我绝对将HTML 5 DOCTYPE签名放在输出的最顶端(我已经检查了这几次“查看源”,因为我认为也许我失去了我的心神).

我已经包括了一个快速的屏幕快照,以防这有助于揭示这一点.您可以在这里找到：http://www.flickr.com/photos/14261777@N00/6957941282/.请注意底部的小点,应该是单选按钮.更显着的是INPUT字段不够高.哦,也是为了完整,这里是一个关于我的HTML源代码开始的截图：http://www.flickr.com/photos/14261777@N00/6957952802/.

我很乐意听到谁有理论为什么这可能发生和任何可能存在的解决方法(即使解决方案的来源是未知的).我试图强加CSS属性,如line-height,height,min-height等,还有一些其他的零效果.

解决方法

看起来你有两个问题.输入类型=文本问题和单选按钮问题.没有看到你的代码,看起来你的文本框问题与DOCTYPE有关,单选按钮问题与覆盖CSS样式有关(可以确认是否发布了单选按钮的检查器输出).

如果您的变量显示为正确的值(例如,18px高度),那么它们绝对是一个DOCTYPE问题.

从this article在列表上：

You’ve done all the right stuff,but your site doesn’t look or work as
it should in the latest browsers.

You’ve written valid XHTML and CSS. You’ve used the W3C standard
Document Object Model (DOM) to manipulate dynamic page elements. Yet,
in browsers designed to support these very standards,your site is
failing. A faulty DOCTYPE is likely to blame.

This little article will provide you with DOCTYPEs that work,and explain the practical,
real–world effect of these seemingly abstract tags.

以下是根据W3C推荐的DOCTYPE列表：

http://www.w3.org/QA/2002/04/valid-dtd-list.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!