У меня есть форма html5 с jquerymobile. В некоторых текстовых вводах я хочу добавить кнопку справки. Поэтому я включил -элемент с кнопкой данных-роли в -tag. Это почти то, что я хочу, но положение кнопки и текста не так приятно. Вот мой код:Textorientation jquerymobile button textinput
<div data-role="fieldcontain">
<label for="t0098">Others <a href="#info_split" data-role="button" data-rel="popup" data-inline="true" data-icon="info" data-iconpos="notext">i</a></label>
<input type="text" name="t0098" id="t0098" data-clear-btn="true" />
</div>
Результат выглядит следующим образом:
Я предположил, чтобы добавить некоторые CSS-правила, как vertical-align: middle !IMPORTANT
к ней этикетки, но она не казалась tochange ней.
Я не совсем уверен, но я думаю, что проблема заключается не в ярлыке, а в изображении внутри. Попробуйте применить 'vertical-align: bottom;' к 'a' внутри метки. – Jan
Устанавливая как 'label', так и' a' '' vertical-align: middle; 'работал! Большое спасибо! –
@Jan вы должны оставить свой комментарий в качестве ответа, так как вы пригвоздили проблему. Даже если это началось как комментарий, так Кай может это принять. – alkis