Полезная информация

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№2618-06-2008 19:36:13

Лия
-
 
Группа: Members
Зарегистрирован: 09-04-2005
Сообщений: 1878
UA: Firefox 3.0

Re: Имитация события "click" для элемента <INPUT type="file">

После перехода на третью версию половина кнопок стала выглядеть вот так
84428306fa4.png
вместо того, чтобы выглядеть вот так
15539169nz3.png
и вот так при наведении курсора
31749334ts7.png

Может кто-нибудь подсказать, что нужно подправить в userContent.css, чтобы все стало на свои места?

Отсутствует

 

№2718-06-2008 21:35:10

Leopold
Участник
 
Группа: Members
Зарегистрирован: 21-12-2006
Сообщений: 236
UA: Firefox 3.0

Re: Имитация события "click" для элемента <INPUT type="file">

>>вместо того, чтобы выглядеть вот так

У меня проблема в том, что рамки этих самых кнопок исчезли, и я не знаю как вернуть:)


Куда переходить любителям старых расширений: https://forum.mozilla-russia.org/viewtopic.php?pid=757844#p757844

Отсутствует

 

№2818-06-2008 22:01:26

Infant
   «»
 
Группа: Extensions
Откуда: Одесса
Зарегистрирован: 23-12-2004
Сообщений: 3671
UA: Granparadiso 3.0

Re: Имитация события "click" для элемента <INPUT type="file">

Leopold
Для начала отключить все свои примочки и посмотреть, а как без них. Потом пытаться найти косяк.


Благодарю алфавит за любезно предоставленные буквы.

Отсутствует

 

№2918-06-2008 22:19:26

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 3.0

Re: Имитация события "click" для элемента <INPUT type="file">

Может кто-нибудь подсказать, что нужно подправить в userContent.css, чтобы все стало на свои места?

Фокус в том, что у меня и в 2.0.0.14, и в 3.0 кнопки выглядят одинаково:
cead4dafa8f1t.jpg
Возможно, все дело в теме оформления Windows. Правда, сброс на «классический стиль» (который как в Windows 2000) ничего не меняет (кнопки опять выглядят одинаково):
081a9325341et.jpg

А для «Отправить» и «Предварительный просмотр» специально прописаны стили (поэтому и выглядеть они всегда должны примерно одинаково).

Отредактировано Infocatcher (18-06-2008 22:23:36)


Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№3019-06-2008 08:09:23

Лия
-
 
Группа: Members
Зарегистрирован: 09-04-2005
Сообщений: 1878
UA: Firefox 3.0

Re: Имитация события "click" для элемента <INPUT type="file">

Фокус в том, что у меня и в 2.0.0.14, и в 3.0 кнопки выглядят одинаково:
http://i037.radikal.ru/0806/4c/cead4dafa8f1t.jpg
Возможно, все дело в теме оформления Windows.

Так это же у меня модифицированные кнопки. Вот тут, уважаемый Mash, написал давным-давно для меня код. В 1 и 2 лисе - это работало нормально, а в третьей часть кнопок стала отображаться, как показано на скриншоте. Я думала Вы посмотрите и подскажите, что нужно добавить/изменить, чтобы снова все кнопки выглядели, как было задумано. Вот.

Отредактировано Лия (19-06-2008 08:10:29)

Отсутствует

 

№3119-06-2008 13:21:39

Leopold
Участник
 
Группа: Members
Зарегистрирован: 21-12-2006
Сообщений: 236
UA: Firefox 3.0

Re: Имитация события "click" для элемента <INPUT type="file">

>>Для начала отключить все свои примочки и посмотреть, а как без >>них. Потом пытаться найти косяк.

У меня была похожая проблема

http://forum.mozilla-russia.org/viewtopic.php?id=23713

Которая кстати наполовину решилась обновлением до FF3 :)

Ее смысл был в том, что цвет фона совпадал с цветом текста ссылок, а менять цвета ссылок мне не хочется

Так вот - смысл проблемы отсутствия рамок у кнопок такой же - фаерфокс цвет рамок берет из переменной "цвет фона" при запрете сайтам использовать свои цвета

Вот мои настройки цветов:

HB4aEYRibs.png

Менять их не хочу ибо текущая цветовая гамма меня устраивает и разрешение сайтам использовать свои цвета не приемлю категорически

Судя из моих настроек цветов и результата - это либо баг сайтов с такими кнопками, либо баг фокса.

Судя их того что в FF2.0.0.14 с рамками все было ок - это баг (или скорее новая фича) фокса.

Как заставить фокс разделять такие понятия как цвет фона и цвет рамки кнопки - я не знаю.


Куда переходить любителям старых расширений: https://forum.mozilla-russia.org/viewtopic.php?pid=757844#p757844

Отсутствует

 

№3219-06-2008 18:59:27

Infant
   «»
 
Группа: Extensions
Откуда: Одесса
Зарегистрирован: 23-12-2004
Сообщений: 3671
UA: Granparadiso 3.0

Re: Имитация события "click" для элемента <INPUT type="file">

Leopold
Попробовал (в меру моего цветовосприятия) применить твои настройки цвета. Вокруг кнопок есть белая (светлая) полоса.


Благодарю алфавит за любезно предоставленные буквы.

Отсутствует

 

№3319-06-2008 23:31:09

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 3.0

Re: Имитация события "click" для элемента <INPUT type="file">

Лия

Так это же у меня модифицированные кнопки. Вот тут, уважаемый Mash, написал давным-давно для меня код.

А, тупил... :)

Посмотрел. Это тянет на очень странный баг :/

Проверка номен 1. Добавляем этот стить просто на HTML-страницу (дописываем в код). Все работает. Жаль, что до того, как это проверить, я успел поиграться с hex-форматом для цветов (#f6f6f7 вместо rgb(246,246,247)), outline вместо border и кое-чем еще...

Проверка номер 2. Добавляем в userContent.css. input[type="button"] не меняется.
Точнее, если в коде странице прописаны стили для кнопки, то userContent.css работает, в противном случае ничего не происходит. :sick:

Заработало только вот так:

Выделить код

Код:

input[type="button"],
input[type="submit"] {
  -moz-appearance: none !important; /* бубен искать здесь */
  background-color:rgb(219,218,222) !important;
  border-width:1px !important;
  border-style:solid !important;
  border-color:rgb(246,246,247) rgb(179,179,179) rgb(145,145,148) !important;
}

input[type="button"]:hover,
input[type="submit"]:hover {
  -moz-appearance: none !important; /* бубен искать здесь */
  background-color:rgb(255,255,225) !important;
  border-color:rgb(255,255,225) rgb(245,245,182) rgb(211,211,151) !important;
}

P.S. На демонстрационной страничке «CSS on» означает подключение стилей от Mash'а.


Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№3420-06-2008 09:35:07

Лия
-
 
Группа: Members
Зарегистрирован: 09-04-2005
Сообщений: 1878
UA: Firefox 3.0

Re: Имитация события "click" для элемента <INPUT type="file">

Infocatcher. Осознаю, что это вполне блондинисто, но я так привыкла к старым обаятельным кнопочкам, и меня так ужасно раздражало, что они перестали быть такими, как мне нужно, что я Вам очень благодарна, буквально нечеловеческое спасибо Вам:) Написано не ради пустого расшаркивания, а по причине искренней признательности.

Отсутствует

 

№3520-06-2008 16:52:11

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 3.0

Re: Имитация события "click" для элемента <INPUT type="file">

Лия

буквально нечеловеческое спасибо Вам

Ничуть не менее нечеловеческое пожалуйста :)


Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№3621-06-2008 08:52:52

Лия
-
 
Группа: Members
Зарегистрирован: 09-04-2005
Сообщений: 1878
UA: Firefox 3.0

Re: Имитация события "click" для элемента <INPUT type="file">

Тогда:) нечеловечески наглое продолжение.
А вот в вебинтерфейсе Gmail, например (и еще на некоторых сайтах), кнопки остались такими же, нельзя ли это как-то побороть?

Отсутствует

 

№3721-06-2008 21:47:34

Infocatcher
Not found
 
Группа: Extensions
Зарегистрирован: 24-05-2007
Сообщений: 4339
UA: Firefox 3.0

Re: Имитация события "click" для элемента <INPUT type="file">

Лия

А вот в вебинтерфейсе Gmail, например (и еще на некоторых сайтах), кнопки остались такими же, нельзя ли это как-то побороть?

Угу, вижу... Просто там button, а стиль – только для input[type="button"] и input[type="submit"].
Так что просто добавляем в перечисление button:

Выделить код

Код:

input[type="button"], input[type="submit"], button {
    -moz-appearance: none !important; /* бубен искать здесь */
    background-color: rgb(219,218,222) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(246,246,247) rgb(179,179,179) rgb(145,145,148) !important;
}

input[type="button"]:hover, input[type="submit"]:hover, button:hover {
    -moz-appearance: none !important; /* бубен искать здесь */
    background-color: rgb(255,255,225) !important;
    border-color: rgb(255,255,225) rgb(245,245,182) rgb(211,211,151) !important;
}

Прошлое – это локомотив, который тянет за собой будущее. Бывает, что это прошлое вдобавок чужое. Ты едешь спиной вперед и видишь только то, что уже исчезло. А чтобы сойти с поезда, нужен билет. Ты держишь его в руках. Но кому ты его предъявишь?
Виктор Пелевин. Желтая стрела

Отсутствует

 

№3822-06-2008 09:18:13

Лия
-
 
Группа: Members
Зарегистрирован: 09-04-2005
Сообщений: 1878
UA: Firefox 3.0

Re: Имитация события "click" для элемента <INPUT type="file">

Мне уже трудно превосходные степени находить, поэтому простое человеческое спасибо.:) Теперь все идеально.

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]