#html #css
#HTML #css
Вопрос:
У меня есть следующий HTML-код :
<div class="submit"><input type="button" name="getResult" value="Get Comments" class="sbutton" /></div>
и CSS является :
#sForm .submit {
float:left;
width:100%;
margin-top:10px;
}
#sForm .sbutton {
width:100%;
height:50px;
font-size:70px;
padding-left:10px;
}
предположим, что html является оболочкой вокруг : <div id="sForm"></div>
вся страница работает, кроме кнопки getResult . он не принимает ни один из атрибутов CSS, кроме width:100% . но та же страница нормально загружается в Firefox.
Комментарии:
1. У вас есть живой пример? Также измените свою разметку, чтобы включить оболочку, вместо того, чтобы добавлять ее.
2. нет, он установлен на моем локальном хостинге, если это поможет, я могу предоставить вам скриншот!! (хотя я знаю, что это не так !! )
3. Вы можете использовать jsfiddle.net за создание живого примера, который сделает всех счастливыми.
4. jsfiddle.net/TYLe6 вот оно
Ответ №1:
Я поместил ваш пример в jsfiddle и смог воспроизвести проблему. Похоже, вам нужен -webkit-appearance:button; в вашем селекторе кнопок:
Комментарии:
1. Извините, но я не понимаю, можете ли вы объяснить свой ответ или поместить код здесь?
2. Он прав, просто добавьте эту строку -webkit-appearance:button; внутри #sForm .sbutton {блок
3. Кнопка -webkit-appearance: сообщает, что она работает и выглядит как более традиционная кнопка, а не использует стили OS X, которые, как я полагаю, используют фиксированные размеры изображений.