button - движение при нажатии
Привет, есть код:
.control{
border: 0px;
padding: 0px;
margin: 0px;
background: none;
cursor: hand;
}
<button class="control" name="value" value="link1">link1</button>
Как убрать движение кнопки при ее нажатии? |
В IE? Скорее всего никак.
|
да во всех браузерах......никак?? жаль
|
а реально сделать так что когда в картинке есть альфа канал то на нем нажать нельзя??
|
Вот кнопка без движения отправляет данные на сервер:
(index.php)
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>New</title>
<style type="text/css">
span, input {
cursor:pointer;
}
input {
border: 0px;
padding: 0px;
margin: 0px;
background: transparent;
font: 100% default;
}
</style>
<script type="text/javascript">
window.onload = function(){
var text = document.getElementsByTagName('span');
var form = document.forms[0];
var subm = document.getElementsByTagName('input');
text[0].onclick = function(){
form.submit();
}
subm[1].style.display = 'none';
text[0].innerHTML = 'link1';
}
</script>
</head><body>
<span></span>
<form action="" method="post">
<input type="hidden" name="name" value="myvalue"/>
<input type="submit" value="link1"/>
</form>
<?php echo $_POST['name'];?>
</body></html>
|
жесть, много текста...но спасибо
|
Если добавить внутренний элемент, то можно:
<button class="control" name="value" value="link1"><span>link1</span></button> тогда для Opera Код:
.control:active {Код:
.control span {Код:
<!--[if IE 8]> |
| Часовой пояс GMT +3, время: 15:37. |