Twitter Bootstrap的文本输入渲染问题 [英] Text input rendering issue with Twitter Bootstrap
问题描述
我试图使用Twitter的启动快速几页。我在获取文本字段时遇到问题,就像在 http://twitter.github.com/bootstrap /
I'm trying to use Twitter's bootstrap for a quick few pages. I'm having problems getting text fields to render like they do at http://twitter.github.com/bootstrap/
我的HTML看起来像
<div class="clearfix">
<label for="unit">unit</label>
<div class="input">
<input class="xlarge" id="unit" name="unit" type="text" value="" />
</div>
</div>
这似乎是我在演示页面上看到的所有相关的CSS类。但是,我的文本输入字段呈现为输入区域垂直太小,因此光标和文本与输入区域的底部边框重叠。这是最新的chrome on win7。
Which seems to be all of the relevant CSS classes that I see on the demo page. However, my text input fields render with the input area too small vertically, so the cursor and text overlap with the bottom border of the input area. This is with latest chrome on win7.
>
推荐答案
当doctype被错误键入时,也会触发此行为。在我的例子中,<!DOCTYPE>
(错误)固定为<!DOCTYPE HTML>
走了。
This behavior is also triggered when the doctype is wrongly typed. In my case, <!DOCTYPE>
(wrong) was fixed to <!DOCTYPE HTML>
and the problem went away.
这篇关于Twitter Bootstrap的文本输入渲染问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!