Problem css holder in Chrome & Safari

Hi all ,
I have link : http://103.48.83.28:8088/
css for place holder in box search is not good as image : http://103.48.83.28:8088/error.png

Its good in firefox but problem in chrome and safari. Anyone help me out ?

Thank you very much.

The line-height: 5px style that is applied on .pure-form input[type] is to blame for the rendering error on Webkit browsers.

2 Likes

Ah yes, I learned something new (to me)

On replaced inline elements such as buttons or other input element, line-height has no effect. [1]

.

[1] Neither Webkit nor Trident implement the correct behavior with replaced inline elements like buttons. In some cases line-height is allowed to have an effect on them. This is incorrect behavior relative to the specification.

1 Like

Seem that is good ! let me check ! thank you so much ! ^^

2 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.