0

我有一个只有 bootstrap.css 链接的 html，没有 js。text 类型的所有输入的高度都变得太小，p、q、y 等字母从底部被截断。此外，Firefox 表示 css 规则具有“height:20px”但计算值为“height:10px”。Opera 说计算值是 20px，但显示这些控件的方式相同——太窄了。不用说，这个 css 在 angularjs.org 上运行良好。我该如何解决这个问题，最好不更改 bootstrap.css 文件？

html在这里

<html>
<head>
    <link rel="stylesheet" href=".../bootstrap.css">
</head>
<body>
    <input type="text" value="abc def ghi jkl mno pqr stu vwx yz">
</body>

我注意到上述站点上的输入具有“ng-pristline”css 类，但该类并不能解决问题。

4

2 回答 2

0

好吧，添加<!DOCTYPE html>以某种方式解决了问题。那是我认为不会有帮助的最后一件事。

于 2013-07-16T16:13:19.740 回答
0

相信您遇到的问题与我检查行高时遇到的问题相同...我不确定最佳实践解决方案，但我只是在自己的 css 文件中对其进行了修补。

大师.css

body
{
    line-height:1em;
    //other stuff here...
}
于 2013-07-15T14:32:07.903 回答