CODEWITHSUNDEEP
htmlcss
matteeyah
matteeyah

Reputation: 875

Text in input button not showing up

I really wouldn't ask such a silly question if I wasn't stumped. My submit button isn't showing any text. I'm not hiding the text or setting something like line-height: 0 anywhere in my CSS. I've been at this for hours, it's become really frustrating for me:

Here's the page in question:

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

The button at the bottom is the submit button.

Upvotes: 2

Views: 3460

Answers (4)

arodriguezdonaire
arodriguezdonaire

Reputation: 5562

.submitbtn {font-size: 1.5em;} (in ProductForm.css at line 120) multiplies the inherit fontsize that you have, with just changing it to .submitbtn {font-size: 15px;} your problem should be solved.

A part from that, inn ProductForm.css at line 3 you've got:

form {
    display: block;
    margin: 30px 30px 60px 30px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    font-size: 0;
}

This font-size: 0; makes your text invisible because 1.5em with the inherit text size of 0, results in font-size = 0 (like also said Praveen Kumar in his answer).

Just edit it and problem resolved :)

Upvotes: 0

ZerOne
ZerOne

Reputation: 1326

Try:

style="font-size: 20px;"

If I change this in my chrome browser, then the text appear.

You can add it with inline css or in the submitbtn class

Upvotes: 0

nstungcom
nstungcom

Reputation: 347

Please try to add: 

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

It seems like .submitbtn {font-size: 1.5em;} is not working.

Upvotes: 0

Praveen Kumar Purushothaman
Praveen Kumar Purushothaman

Reputation: 167172

You have a font-size: 0px that doesn't allow you to display the text.

There is this rule:

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

Anything multiplied by 0 is 0. So this rule gets cascaded and you have got something like this.

Upvotes: 7

Related Questions