0
我有一個用CI & bootstrap製作的網站。在這種環境下,一些CSS屬性無法正確顯示。在CI我有這樣一個觀點:Css在codeigniter視圖中顯示不正確
<html>
<head>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/bootstrap/css2/bootstrap.css');?>"></link>
</head>
<body>
<div class="container">
<input type="text" class="input-small" id="in_cod_horus" pattern="\D+\d{4,6}" maxlength="7">
</div>
</body>
</html>
在Firebug的CSS計算檢查,所顯示的輸入文本的高度屬性是:
高度:6像素
與此同時在css文件中是:
input [type =「text」] →16px的bootstrap.css:438
控制器很簡單:
<?php if (! defined('BASEPATH')) exit('No direct script access allowed');
class Merc_inicio extends CI_Controller {
function index()
{
$this->load->view('plantilla');
}
}
?>
表單元素(input,textarea等)具有'border-box'大小。所以高度計算包括填充。檢查填充值。 –
您是否嘗試過檢查Chrome Dev Tools或Firebug中的元素以查看它可能被覆蓋的位置? CSS問題最好在那裏調試,而不是通過檢查樣式表。 – xiankai
在IE 8中,輸入的高度正常工作。 :-( – xgrager