Jump to content
  • 0

Как убрать рамку при помощи CSS при фокусе вокруг <select> ?

VIRUS

Asked by VIRUS,

 Share

Question

VIRUS Explorer

VIRUS

Posted
Posted

Как убрать рамку с помощью CSS с ссылок - это проще простого, а вот как ее убрать с поля <select> ? Искал, решения ненашел. Эта рамка особенно мешает и все портит, если это поле красиво разукрашено стилями.

Link to comment
Share on other sites

25 answers to this question

Recommended Posts

  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted
  VIRUS said:
Отходим от темы :)

На данном форуме не принято советовать горе-кодерам того, что может вредить пользователям. Так что без адекватного объяснения, зачем понадобилось убирать рамку у селекта, тема не будет раскрыта.

Link to comment
Share on other sites
  • 0
rash Explorer

rash

Posted
Posted

Ну в общем-то товарищу виднее, если на странице всего один селект, например, то вреда не будет.

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

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
  rus said:
Не понимаю что в этом плохого?

Если есть способ и он не вредит пользователю, то в чем может быть проблема?

Тема холиварная, я высказал свое мнение по вопросу.

расширенно:

1. дефольтные стили хороши тем, что понятны на интуитивном уровне.

2. имитация может привести к отказу, случись человеку зайти с отключенным JS, на 99% форм с имитацией клавиатура не работает, не переводится по tab, не отправляется по энтер и прочее.

Спорить не хочу, мнение мое, кому надо - пусть делают как посчитают нужным, написал только тем, кто вообще не задумывался о таких вещах и сейчас призадумается, а не для тех кому на все это дело начхать.

Link to comment
Share on other sites
  • 0
rus Explorer

rus

Posted
Posted (edited)
  Justnewone said:
Спорить не хочу, мнение мое, кому надо - пусть делают как посчитают нужным

Тут важно любое мнение, ибо не угадаешь какие подводные камни могут тебя поджидать.

  Justnewone said:
1. дефольтные стили хороши тем, что понятны на интуитивном уровне.

2. имитация может привести к отказу, случись человеку зайти с отключенным JS, на 99% форм с имитацией клавиатура не работает, не переводится по tab, не отправляется по энтер и прочее.

1) Все зависит от того как ты сэмулируешь в плане юзабилити.

2) Уже обсуждалось неоднократно и везде, по этому вопросу понял, что не стоит заморачиваться на том, что может быть выключен js.

На счет управлением с клавиатуры, так там Женек вроде все поправил, в комментах написано. :)

З.Ы. это не реклама, просто один из провереных способов.

Edited by rus
Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted

Имхо, кастомный селект лучше всего делать на базе набора радиобаттонов с лейблами (или чекбоксов, если он multiple — тогда вообще доделка минимальна :). Функционально (для серверного обработчика) разницы никакой, так что "изящная деградация" получится по построению.

Link to comment
Share on other sites
  • 0
SelenIT Explorer

SelenIT

Posted
Posted
  psywalker said:
SelenIT я те в личку отписал с просьбой, ты читал?

psywalker, я попытался ответить, но форум мне сказал что-то типа "письмо не может быть отправлено, т.к. почтовый ящик адресата забит под завязку"...

Link to comment
Share on other sites
  • 0
psywalker Explorer

psywalker

Posted
Posted
  SelenIT said:
psywalker, я попытался ответить, но форум мне сказал что-то типа "письмо не может быть отправлено, т.к. почтовый ящик адресата забит под завязку"...

Извини плиз, это мой косяк, я только что исправил, отправь пожалуйста ещё разок :)

Link to comment
Share on other sites
  • 0
VIRUS Explorer

VIRUS

Posted
  • Author
Posted
  s0rr0w said:
На данном форуме не принято советовать горе-кодерам того, что может вредить пользователям. Так что без адекватного объяснения, зачем понадобилось убирать рамку у селекта, тема не будет раскрыта.

Объясняю: потому, что тут единственный селект выглядит не под стиль сайта из-за своих рамок.

Link to comment
Share on other sites
  • 0
rus Explorer

rus

Posted
Posted
  VIRUS said:
Объясняю: потому, что тут единственный селект выглядит не под стиль сайта из-за своих рамок.

Да он не особо выбивается из общего стиля, так что можеш особо не заморачиваться над этим. :lol:

Link to comment
Share on other sites
  • 0
Justnewone Explorer

Justnewone

Posted
Posted
  VIRUS said:
Объясняю: потому, что тут единственный селект выглядит не под стиль сайта из-за своих рамок.

В том смысле... а в IE7 не смотрели? Вообще во всех браузерах по разному все выглядит. Для чего, спрашивается? Коли уж сама игра флешевая, отчего регистрацию тож на флеше не сделать? Кроссбраузерно чистым html не получится.

Link to comment
Share on other sites
  • 0
s0rr0w Explorer

s0rr0w

Posted
Posted
  VIRUS said:
Объясняю: потому, что тут единственный селект выглядит не под стиль сайта из-за своих рамок.

Стиля сайта не увидел. Удивительно, что автора топика так волнует рамочка, и не волнует тот факт, что капча вообще съедает мозг....

Link to comment
Share on other sites
  • 0
rash Explorer

rash

Posted
Posted
  rash said:
Ну в общем-то товарищу виднее, если на странице всего один селект, например, то вреда не будет.

Беру свои слова назад, формой пользоваться невозможно.

Хотя отсутствие рамочки хуже ее уже не сделает…

Link to comment
Share on other sites
  • 0
VIRUS Explorer

VIRUS

Posted
  • Author
Posted (edited)
  Justnewone said:
В том смысле... а в IE7 не смотрели? Вообще во всех браузерах по разному все выглядит. Для чего, спрашивается? Коли уж сама игра флешевая, отчего регистрацию тож на флеше не сделать? Кроссбраузерно чистым html не получится.

Это совсем не флешевая игра и флешом там и пахнуть не будет.

  s0rr0w said:
Стиля сайта не увидел. Удивительно, что автора топика так волнует рамочка, и не волнует тот факт, что капча вообще съедает мозг....

Капча в процессе была, уже процесс завершен B)

  Justnewone said:
В том смысле... а в IE7 не смотрели? Вообще во всех браузерах по разному все выглядит. Для чего, спрашивается? Коли уж сама игра флешевая, отчего регистрацию тож на флеше не сделать? Кроссбраузерно чистым html не получится.

Блин, селект в IE7 вообще ужасно выглядит B) почему ? Блин от куда белая рамка :lol:

Edited by VIRUS
Link to comment
Share on other sites
  • 0
mishka Explorer

mishka

Posted
Posted
  Quote
Стиля сайта не увидел. Удивительно, что автора топика так волнует рамочка, и не волнует тот факт, что капча вообще съедает мозг....

Как по мне так отличный стиль. Капча такая что боты фиг просканируют.

С селектом на ие наверное придется забить.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Обсуждения

    • Nikker
      Дизайн сайтов, landing page, логотипов, баннеров, шапок | Высокое качество, по хорошей цене

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Nikker
      Брендовый дизайн в социальных сетях

      By Nikker · Posted

      Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept