输入按钮中的文本未显示

Question

如果我不感到难过，我真的不会问这么愚蠢的问题。我的提交按钮不显示任何文字。我没有隐藏文本或在我的CSS中的任何地方设置类似line-height：0的内容。我已经在这里工作了好几个小时，对我来说真的很令人沮丧：

此处有问题的页面：

http://rex.gear.host/Admin/AddProduct.aspx

底部的按钮是提交按钮。

Answer 1

您有font-size: 0px，但不允许您显示文字。

有这条规则：

form {font-size: 0px;}
input, button {font-size: inherit;}
button {font-size: 1.5em;}

乘以0的任何内容都是0。所以这个规则得到了级联，你就得到了类似的东西。

Answer 2

.submitbtn {font-size: 1.5em;}（ProductForm.css位于line 120）与您拥有的继承字体大小相乘，只需将其更改为.submitbtn {font-size: 15px;}即可解决您的问题。

来自ProductForm.css的{​​{1}}旅馆的一部分，您有：

line 3

此form { display: block; margin: 30px 30px 60px 30px; overflow: hidden; background: #fff; border: 1px solid #e4e4e4; border-radius: 5px; font-size: 0; } 会使您的文字不可见，因为font-size: 0;文字大小为0的1.5em会导致font-size = 0（就像Praveen Kumar在他的回答中所说）。 / p>

只需编辑它并解决问题：）

Answer 3

尝试：

style="font-size: 20px;"

如果我在Chrome浏览器中更改此内容，则会显示文字。

您可以使用内联css或submitbtn类

添加它

Answer 4

请尝试添加：

.col-submit .submitbtn {font-size: 14px;}

似乎.submitbtn {font-size: 1.5em;}无效。