CODEWITHSUNDEEP
htmlcssfirefoxopera
user652792
user652792

Reputation:

Issues with Text Box display in Opera and Firefox

i need your help with my textbox placeholder display, for Opera and Firefox. The letters do not display fully when i type into the box. This does not occur in Google Chrome.

It currently looks like this

Image

CSS

.Input_Text { 
border:    none !; 
outline:    none;    
font-size:  15px;
margin:   5px 5px 5px 0px;
width:    195px;
height:    5px;
color:      black;
opacity:     0.6;
padding:    10px 10px;   
border-radius:  5px;  
font-family:  lucida grande;
margin-bottom: 5px;
 }

Upvotes: 2

Views: 469

Answers (3)

George
George

Reputation: 160

The height is messing with the code. You can set it with the padding property.

Upvotes: 1

The Alpha
The Alpha

Reputation: 146191

Adjust the height

.Input_Text { 
    border:    none !; 
    outline:    none;    
    font-size:  15px;
    margin:   5px 5px 5px 0px;
    width:    195px;
    height:    10px;
    color:      black;
    opacity:     0.6;
    padding:    10px 10px;   
    border-radius:  5px;  
    font-family:  lucida grande;
    margin-bottom: 5px;
}​

DEMO

Upvotes: 0

Vivek Chandra
Vivek Chandra

Reputation: 4358

height: 5px; -- this must be your culprit!!! ..

Try 15px/20px or more..

Upvotes: 0

Related Questions