Twitter bootstrap表单字段太小 [英] Twitter bootstrap form fields too small

问题描述

我知道这个主题听起来很像其他人，但在我看过所有现有的线程（好最），我仍然有一个问题，我可以使用帮助...

I know this topic "sounds" a lot like others that are out there but I've looked through all the existing threads (well "most" anyway) and I still have a problem I could use help on ...

与其他人所描述的不太相似：

The problem is not too dissimilar to what others have described:

• 某些FORM元素不显示其完整的垂直高度


• 最值得注意的是，INPUT类型看起来有点贫乏，坐在按钮旁边或 on类


• 最近我注意到一个更严重的问题...单选按钮变成无线电圆点，因为它们很小，几乎看不见。

现在很多人通过确保他们在HTML文档顶部正确指定了 DOCTYPE 来解决他们的问题。我也发现这个简单的调整做了我的静态HTML模型的伎俩。可悲的是，当我切换到Wordpress的问题重新出现，但我非常确定的HTML 5 DOCTYPE签名在输出的顶部（我已经检查过这些几次与视图源，因为我认为也许我失去了）。

Now a LOT of people solved their problem by making sure they specified the DOCTYPE correctly at the top of their HTML document. I too found that this simple adjustment did the trick on my static HTML mock-up. Sadly when I switched to Wordpress the problem reappeared and yet I am very definitely putting the HTML 5 DOCTYPE signature at the very top of the output (I've checked this several times with "view source" as I thought maybe I'd lost my mind).

我已经包含了一个快速的屏幕快照，以便帮助阐明这一点。您可以在这里找到： http://www.flickr.com/photos/14261777@N00/6957941282/ 。注意在底部的微小的小点，应该是单选按钮。更明显的是INPUT字段不够高。哦，为了完整性，这里是我的HTML源代码的开始的截图： http://www.flickr。 com / photos / 14261777 @ N00 / 6957952802 / 。

I've included a quick snapshot of the screen in case this helps shed any light on this. You can find it here: http://www.flickr.com/photos/14261777@N00/6957941282/. Note the tiny little dots at the bottom that are supposed to be radio buttons. More obvious are the INPUT fields that are not tall enough. Oh, and also for completeness, here's a screenshot of how my HTML source starts: http://www.flickr.com/photos/14261777@N00/6957952802/.

我很乐意听到任何人谁有一个理论为什么这可能发生和任何人可能存在的解决方法（即使解决方案的来源未知）。我试图强加CSS属性，如行高，高度，最小高度等等和一些零效果。

I'd love to hear from anyone who has a theory on WHY this could be happening and any workarounds that might exist (even if the source of the solution is unknown). I have tried imposing CSS attributes like line-height, height, min-height, etc. and a few others with zero effect.

推荐答案

看起来你有两个问题。问题和无线电按钮问题的输入类型=文本没有看到你的代码，看起来好像你的文本框问题与 DOCTYPE 相关，并且您的单选按钮问题与覆盖CSS样式相关（可以确认是否过帐检查器输出

It looks like you have two problems. The input type=text problem and the radio button problem. Without seeing your code, it appears as though your textbox problem is related to DOCTYPE and your radio button problem is related to overriding CSS styles (can confirm if you post the inspector output for the radio buttons).

如果你的变量显示为正确的值（例如18px的高度），那么它绝对是一个 DOCTYPE 问题。

If your variables are showing as the correct values (eg. 18px height), which they are, then it is most definitely a DOCTYPE issue.

从列表中的本文：

您已经做了所有正确的事情，但是您的网站在最新的浏览器中看起来不像
。

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

您已经撰写了有效的XHTML和CSS。您已使用W3C标准
文档对象模型（DOM）来操作动态页面元素。然而，
在设计支持这些非常标准的浏览器，您的网站是
失败。有可能是错误的DOCTYPE。

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.

这篇小文章将为您提供DOCTYPE的工作原理，并解释这些看似实际的
现实世界的效果

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

以下是W3C推荐的DOCTYPE列表：

Here's the recommended list of DOCTYPEs as per W3C:

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

这篇关于Twitter bootstrap表单字段太小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！