表裏面輸入的標籤，CSS類不是在所有

工作我創建一個複雜的形式，一個球員將使用通過數據庫來保存自己的個人性格片。對於這個我用了很多輸入的TAG和佈局我使用表幫我設置它很容易和正交方式。表裏面輸入的標籤，CSS類不是在所有

對於輸入我使用了修改其高度，寬度和文本對齊類。

HTML

<div id="a_ability" class="advanced"> 
    <h3>Advanced</h3> 
    <table id="tab02" width="100%" border="0" cellspacing="0" cellpadding="0"> 
     <tr> 
     <th scope="col">Ability</th> 
     <th scope="col">Temp Value</th> 
     <th id="tab02" scope="col">Bonus</th> 
     <th scope="col">Magic Obj</th> 
     </tr> 
     <tr> 
     <td>Strenght</td> 
     <td><input type="text" name="temp_str" class="50x50"></td> 
     <td><input type="text" name="bonus_str" class="50x50"></td> 
     <td><input type="text" name="mag_str" class="50x200"></td> 
     </tr> 
     <tr> 
     <td>Dexterity</td> 
     <td><input type="text" name="temp_dex" class="50x50"></td> 
     <td><input type="text" name="bonus_dex" class="50x50"></td> 
     <td><input type="text" name="mag_dex" class="50x200"></td> 
     </tr> 
    </table> 
</div>

CSS

.50x50 { 
height: 50px; 
width: 50px; 
text-align: center; 
} 
.50x200{ 
height: 50px; 
width: 190px; 
text-align: left; 
padding-left: 10px; 
}

這樣做的結果就是這樣的類沒有在標籤上都適用。尺寸是默認的，如果我申請一個ID爲每個輸入（工作將不可能長）或有時，如果我申請的！重要屬性（但只有一些CSS規則的工作），我只能適用。

我的工作Dreamweaver中（如果你知道程序），當我在「設計視圖」是不enbled「實時」選項，似乎一切都很好，但是當我把設計視圖在輸入錯誤地格式化爲。

我檢查：

我沒有任何CSS衝突（例如一個規則覆蓋另一個）
我已經檢查了「檢查」 Chrome內（例如）和輸入取widht是183px從表面無處

是它可能是一些用戶代理樣式表的瀏覽器？因爲當我在Chrome中打開檢查元件有這樣一行：

width: 84px; 
    .advanced table tr td - 50px

它獲得的來自CSS的50像素，但它得到的84px？這個價值沒有任何規則！

我該如何解決這個問題？

我添加更多的信息

這裏是的jsfiddle鏈接link，你可以看到它不工作了輸入的造型。我在做什麼錯？

來源

2013-10-21 Mike G. Poli

JSFiddle your code。另外，Dreamweaver的設計視圖不可靠。 – Overcode

嘗試改變你的類名[檢查出來]（http://stackoverflow.com/questions/448981/what-characters-are-valid-in-css-class-selectors） – Trey

如果我JsFilddle我的代碼相同的事情發生。 css不會修改表格中的輸入。但是，如果我向他們申請身份證，它會。 –

不要創建class或id開始與數字...

見你撥弄額外i（字母不事項）
http://jsfiddle.net/Sr9Vx/1/

編輯：
我剛纔看到的鏈接，@Trey給予的你在他的評論（ Which characters are valid in CSS class names/selectors?）在那裏你可以找到一些解釋&鏈接的原因，甚至更好的鏈接與官方的參考。

例子：
http://www.w3.org/TR/2003/WD-css3-syntax-20030813/#characters
http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier

祝您的proyect。

來源

2013-10-22 11:46:27 gmo

哦..非常謝謝你！當我改變了所有的項目類時，只是「修復」了自己。非常感謝！我不知道這樣的小事太蠢了，我可以給這種頭痛！ –

表裏面輸入的標籤，CSS類不是在所有

回答

相關問題