複選框在Chrome中顯示太大Asp.net MVC

-4

爲什麼複選框的大小與Firefox不一樣，在Chrome中它看起來很大？這裏是我的問題的例子enter link description here 複選框在Chrome中顯示太大Asp.net MVC

<label class="chboxs"> 
@Html.CheckBox("chboxFlytng", false, new { @class = "chbox" }) 
<span style="margin-top: 4px; padding-left: 5px; font-size: 12px; font-weight: normal;">Flytting</span></label>

來源

2016-01-14 Mudassar Shahbaz

你可以發佈這個屏幕截圖嗎？ – Sunil

https://www.flyttom.no/flytteskjema –

原因很簡單。您有一個正在應用於複選框的類輸入＃chboxFlytng。這個類有'height：27px'。從這個班級刪除高度，你會沒事的。 – Sunil

這條規則是造成問題：

.col_form input { 
    width: 67.4%; 
    border: 1px solid #CCC; 
    padding: 0 1% 0 1%; 
    font-size: 12px; 
    line-height: 27px; 
    height: 27px; 
    margin-right: 2%; 
    float: left; 
}

它設置的所有輸入width: 67.4%在.col_form元素。

來源

2016-01-14 21:32:22

如果我刪除寬度：67.4％;然後突然影響文本框，這也是在頁面上，當我刪除高度：27px;然後影響單選按鈕，那麼大小也會減小 –

您可以限定選擇器以排除複選框：'.col_form input：not（[type =「checkbox」]）{}'。或者對每個你想要影響的輸入進行限定：'.col_form input [type =「text」]，.col_form input [type =「password」]，... {}'。 –

現在感謝它的工作:-) –

複選框在Chrome中顯示太大Asp.net MVC

回答

相關問題