Текст кнопки, появляющийся за пределами кнопки

У меня очень странная проблема с кнопкой HTML. Текст, используемый для внутренней части кнопки, также отображается вне кнопки. Я делаю вызов как jQuery, так и jQuery Mobile в заголовке с пользовательской таблицей стилей для кнопки на странице.Текст кнопки, появляющийся за пределами кнопки

Вот CSS, который я использую для кнопки.

button { 
color:#000; 
font-size:18px; 
min-width:150px; 
padding:10px; 
text-align:center; 
text-shadow:1px 1px #FFF; 
width:150px; 

border-radius: 10px; 
-moz-border-radius:10px; 
-webkit-border-radius: 10px; 
}

И вот код кнопки, которую я использую.

<button onclick="try{ login(); }catch(e){ alert(e); }">Log In</button>

И вот что на самом деле выглядит на выходе.

enter image description here

Это полностью дует мне в голову. Любые предложения о том, как я могу заставить текст появляться за пределами кнопки?

jsfiddle http://jsfiddle.net/u7DH2/

источник

2013-02-13 The Duke Of Marshall שלם

Вам необходимо воссоздать ошибку в jsFiddle, как это, кажется, работает очень хорошо для меня -> [** FIDDLE * *] (http://jsfiddle.net/jFEEz/) – adeneo

можете ли вы разместить jsfiddle? –

Также сообщите нам, в каком браузере вы протестировали это. – ajp15243

Это какой-то конфликт с JQuery-мобильный ... если вы прокомментируете это устраняет проблему.

<!--<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js" type="text/javascript"></script> -->

проверить его здесь ... jsfiddle.net/u7DH2/2

источник

2013-02-13 17:52:45 henser

Конфликт может быть с jQuery 1.7, тогда - см. Мой комментарий выше. – Archer

Удивительный! Это работает! Благодаря! –

Текст кнопки, появляющийся за пределами кнопки

ответ

Смежные вопросы