Добрый день!
Друзья, что то я не могу понять и как следствие, пофиксить, следующее поведение Safari под винду
посмотрите:
кнопки вверху - это то, что по мнению Safari я хочу получить от кнопок <button><img src ... /></button>? со вставленной внутрь картинкой
внизу - это то, что я ДЕЙСТВИТЕЛЬНО хочу получить по мнению всех остальных браузеров.
Как победить злобную Safari?
Привожу код HTML
| Код |
<button id="html" class="button"><img src="img/html.gif" title="Редактор/HTML-код" alt="" border="0" /></button>
|
и класс CSS
| Код |
.button
{
margin: 0;
padding: 0;
border: #cccccc 1px solid;
width: 22px;
height: 22px;
outline: 0;
cursor: pointer;
-webkit-border-fit: lines; /* эта штучка для webkit несколько спасает ситуацию - исчезает крайний левый серый борт, но кнопка остается Уже чем в остальных браузерах, вследствии чего рисунок немного уезжает за правый борт*/
}
/* убираем внутренний отступ у кнопки в FF, который зарезервирован для рамки при фокусе */
button::-moz-focus-inner
{
padding: 0;
border: 0;
}
|
|