<input type="button" - кроссобраузерность.

d4a1 · November 19, 2010

Всем привет.

<input type="button" value="кнопка">

В браузерах ff, ie, даже в opere AC - вид кнопки примерно одинаковый ( с закругленными углами).

И только в ОПЕРЕ - кнопка с прямыми углами.

Очень бы хотелось вид кнопки в опере сделать как во всех браузерах.

Иначе в дизайн не вписывается.

Может CSS стили задать ?

Или это не возможно?

ShumNo · November 19, 2010

я по рисунку ничего не понял. Джепег 0 качество?

d4a1 · November 19, 2010

Согласен качество ацтой .

сам сделал.

всмысле картинку.

а с проблемой еще не справился

Edited November 19, 2010 by d4a1

ShumNo · November 19, 2010

а такое не работает?

border-radius:5px; -moz-border-radius:5px;

d4a1 · November 19, 2010

border-radius:5px; -moz-border-radius:5px;

спасибо сейчас попробую

deadrash · November 19, 2010

Можно свои кнопки делать картинкой.

Вот так http://htmlbook.ru/html/button

или так

<form action="" method="get" name="">
 <input type="text">
 <input type="image" src="your_image_file.jpg">
</form>

Great Rash · November 19, 2010

http://forum.htmlbook.ru/index.php?showtopic=21647

d4a1 · November 19, 2010

<html>
<head>
<style type="text/css">
.tex {
border-radius:5px; -moz-border-radius:5px; 
   }
</style>
</head>
<body>
<input type="button" style="tex" value="кнопка">
</body>
</html>

не получается.

может не так пишу ?

ShumNo · November 19, 2010

<html>
<head>
<style type="text/css">
.tex {
border:1px #ccc solid; padding:5px; border-radius:5px; -moz-border-radius:5px;
   }
</style>
</head>
<body>
<input type="button" class="tex" value="кнопка">
</body>
</html>

d4a1 · November 19, 2010

ShumNo спасибо.

но что то не то.

а здесь на форуме файл не прицепить ?

у меня есть клавиатура сделанная на основе кнопок. Но в опере криво смотрится.

ShumNo · November 19, 2010

А в чем кривость?

d4a1 · November 19, 2010

только в опере так.

да еще и некоторые кнопки криво в строчку встают.

ShumNo · November 19, 2010

В опере видно отступов нет и края не скруглены? Первым делом я бы обновил оперу) и как бы не знаю код надосмотреть

d4a1 · November 19, 2010

Опера последняя. мне же не для себя , а для юзверя.

да ладно разберусь позже.

спасибо за помощь.

Int · November 19, 2010

Ну тут только картинками делать, чтоб наверняка.

d4a1 · November 19, 2010

опера самый невменяемый браузер.

намного хуже чем IE

Edited November 20, 2010 by d4a1

clavin · November 20, 2010

Можно свои кнопки делать картинкой.
Вот так http://htmlbook.ru/html/button

Я что-то не понял... Если ie6, ie7 не поддерживают свойство "value" для тега <button>, то как вообще эти button можно применять? На сервер обычно в свойстве value вся информация посылается, а тут оказывается, что может и не послаться

Int · November 20, 2010

А какая информация у button? Или submit или onclick

clavin · November 21, 2010

А какая информация у button? Или submit или onclick

Я протестировал IE7 так:

<form method="get" action="2.html">
<button type="submit" name="but" value="123">кнопка</button>
</form>

Нажимаю на кнопку и происходит переход на нужную страницу, но без значения but=123.

Javascript для такой простейшей задачи употреблять как-то не хочется.

clavin · November 21, 2010

Всё понятно. В ie7 при нажатии на кнопку посылается не значение внутри элемента "value", а то что расположено внутри тегов <button></button>

Int · November 21, 2010

<button type="submit">кнопка</button>

</form>

SelenIT · November 22, 2010

В IE нельзя определить в обработчике, какая кнопка из нескольких button type="submit" на форме была нажата (отправляются innerHTML всех имеющихся вместо value одной нажатой, как положено). Поэтому если нужна разная чисто серверная функциональность для разных кнопок, то button-ы, увы, "не катят". Если же кнопка одна (чисто чтоб засабмитать), никаких преград нет (факт отправленности можно проверять по актуальным переменным, а то и по request_method-у). Но главное (имхо) преимущество кнопок перед ссылками и т.п. (помимо семантики) — именно легкость в обозначении интерактивной природы в дефолтной браузерной манере. Если дефолтная браузерная отрисовка (надо полагать, наиболее привычная юзеру данного браузера) — не плюс, а минус (дизайнер-извра"оригинал"), проще сразу извернуться скриптом (как делают всевозможные CKEditor-ы и т.п.).

Sign In

<input type="button" - кроссобраузерность.

Question

Link to comment

Share on other sites

21 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information