Форум Сайтостроение Веб-строительство

Неуправляемый border groove в Firefox

12
P
На сайте с 12.04.2014
Offline
44
profoto
1281

Кто знает какими рычагами управлять border groove в Firefox?

Не удается заменить дефолтный цвет в 2-х пиксельной рамке на собственный.

Во всех браузерах рычаги управления для border groove есть, но в Firefox таких рычагов пока не нашел.

P
На сайте с 12.04.2014
Offline
44
profoto
#1

Неужели никто на этом форуме не знает каких-то CSS вывертов со свойством groove?

ZoomY
На сайте с 07.11.2008
Offline
165
ZoomY
#2 

border-style: groove;

border-color: #f00;

Нет?

Размещу ваши статьи на сайтах с тИЦ до 1400 по 5$ (/ru/forum/846111) Сейчас многие ищут хостинг за пределами России. Ukrnames - один из лучших вариантов: (http://ukrnames.com/?ref_id=114) и лидер рынка, и привычно, и по-русски, и вне юрисдикции РФ.
P
На сайте с 12.04.2014
Offline
44
profoto
#3

ZoomY, мне нужно изменить дефолтный цвет ФФ на свой стиль - border-color: #333, но цвет рамки в любом случае остается светло серым, а нужно сделать темно-серый, для создания эффекта вдавленности. Фон на котором будет эта рамка - почти черный #232323. На белом фоне было бы все ок, но нужен именно черный фон. Во всех браузерах цвет рамки запросто меняется, а в ФФ никак нельзя.

V
На сайте с 10.01.2012
Offline
85
Varenik
#4

Вот так вот нужно?

P
На сайте с 12.04.2014
Offline
44
profoto
#5

Varenik, да, что-то в этом духе... только чуть тоньше на пару мм.

Знаете как такое сделать для ФФ? Может, надо хак какой мудрить?

Geers
На сайте с 12.04.2011
Offline
487
Geers
#6

Проще сделать с box-shadow.

V
На сайте с 10.01.2012
Offline
85
Varenik
#7

Вот то же самое, только немного тоньше 

border: 2px solid #000;

box-shadow: 1px 1px #333 inset, 1px 1px #333;

-moz-box-shadow: 1px 1px #333 inset, 1px 1px #333;

-webkit-box-shadow: 1px 1px #333 inset, 1px 1px #333;

behavior: url(PIE.htc); /* Для IE */

И не забываем про сам костыль для ИЕ --> Ссыль на костыль

Geers
На сайте с 12.04.2011
Offline
487
Geers
#8
Varenik:

box-shadow: 1px 1px #333 inset, 1px 1px #333;

box-shadow: -1px -1px 0px #333, 1px 1px 0px #333 inset; ;)

V
На сайте с 10.01.2012
Offline
85
Varenik
#9
Geers:
box-shadow: -1px -1px 0px #333, 1px 1px 0px #333 inset; ;)

Ну если так как на скриншоте, то без минуса;)

P
На сайте с 12.04.2014
Offline
44
profoto
#10

Спасибо ребята, иду тестить..))

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий