[?][css][javascript] BUTTON цвет границы

sveta75

Задача:
Имеется кнопка в форме. В обычном состоянии у нее не должно быть границы (border-style: none а при MouseOver должна появляться однопиксельная граница (светлая слева-сверху и темная снизу-справа). Фон под кнопкой может быть разным. Фон у кнопки прозрачный (background-color: transparent).
Вопрос:
Как добиться того чтобы и рамка была прозрачной или как это съэмулировать?

artimon

Ну у тебя и вопросики. Правда я так и не понял, что такое прозрачная рамка.

sveta75

Прозрачная, значит имеет цвет фона
По моему так

sveta75

Это для WebXMLSuite надо

durka82

Прозрачная - это прозрачная (ведь фон мб и картинкой)

А на флэш это сделать не хочешь?

artimon

Похоже?


<html>

<head>

	<title>test</title>

	<style type="text/css">

		input {

			width: 150px;

			height: 50px;

			background: transparent;

			border: 5px solid transparent;

		}

	</style>

</head>

<body background="/i/.png">

	<form>

		<input

			type="submit"

			value="Кнопка"

			onmouseover="this.style.borderColor='red'"

			onmouseout="this.style.borderColor='transparent'"

		>

	</form>

</body>

</html>

UPDATE:
Понял. IE, как всегда впереди планеты всей, блин.

В Mozilla и Opera это работает, а для IE придётся сочинать какой-нибудь .htc, наверное.

bremen

Почему ты сделал это через onmouseover, onmouseout, если можно сделать через :hover?

sveta75

=)
это то понятно что его надо сочинить
вопрос в том как именно
Я пробовал в обычном состояниии указывать что то вроде margin: 1px; border: 0px solid SOMECOLOR;
А при MouseOver margin: 0px; border: 1px solid SOMECOLOR;
Но в результате кпопка просто начинает туда-сюда прыгать, рассталкивая соседние элементы =)

sveta75

А на флэш это сделать не хочешь?

Из пушки по муравьям не стреляют

Оставить комментарий