2013-09-09 3 views
0

Я использую текстовое поле проверки верности в проекте, и сообщение об ошибке не отображается хорошо в google chrome, но оно хорошо отображается в mozilla firefox.I хотел бы, чтобы сообщение об ошибке отображалось в google chrome, как он отображается в firefox.Поле проверки правильности проверки не отображается хорошо в Google Chrome

Так отображаются сообщения об ошибках в firefox. enter image description here

Google Chrome,

enter image description here

CSS Styling сообщений об ошибках

display: inline; 
     color: #CC3333; 
      border: 1px solid #CC3333; 
      border-radius: 10px; 
      margin-left: 10px; 
      padding-left:8px; 

      padding-right: 8px; 
      font-family:"Helvetica Neue"; 

Спасибо за вашу помощь.

ответ

1

Использование display: block; вместо display: inline; Будет работать нормально.

display: block; 
     color: #CC3333; 
      border: 1px solid #CC3333; 
      border-radius: 10px; 
      margin-left: 10px; 
      padding-left:8px; 

      padding-right: 8px; 
      font-family:"Helvetica Neue"; 
+1

wow ... так просто. Спасибо большое. –