Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Ответ в темуСоздание новой темыСоздание опроса

> Сброс границ при выделении
Larik  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



PHP Injection
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 266
Пользователь №: 36145
На форуме: 3 года, 11 месяцев, 5 дней
Карма: 1

Трезвый :
45 лет, 11 месяцев, 10 дней


Имеется следующий код:
HTML:

<body>
<div
id="area" contenteditable ></div>
</body>



CSS:

#area{position:absolute;height:150px;width:380px;word-wrap:break-word;background-color:#FFFFFF;top:10px;left:10px;border: rgb(155,190,248) solid 2px;border-radius:5px;}


#area:focus{border: rgb(234,166,48) solid 2px;border-radius:5px;}


Проблема в том,что когда div получает фокус,поверх границ,определнных через псевдокласс :focus появляются родные границы браузера,собсвенно их бы я хотел убрать.

Вот ссылка на код: https://jsfiddle.net/Larik/je0pv4mn/


--------------------
Чем больше круг знаний - тем больше длина окружности соприкосновения с областью неизвестного - тем больше степень моего незнания.
Лёгкость принятия решений и громкость слов (или число нулей ожидаемой прибыли) свойство окружностей сверхмалого диаметра, стремящихся к точке - к точке зрения.
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
T1grOK  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



Здесь живет
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 2706
Пользователь №: 24406
На форуме: 6 лет, 1 месяц, 24 дня
Карма: 171





outline: none;


--------------------
Mysql, Postgresql, Redis, Memcached, Unit Testing, CI, Kohana, Yii, Phalcon, Zend Framework, Joomla, Open Cart, Ymaps, VK Api
PMПисьмо на e-mail пользователюСайт пользователя
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
ИНСИ  
Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



грех - смерть
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 2488
Пользователь №: 18040
На форуме: 7 лет, 5 месяцев, 29 дней
Карма: 77




Цитата
outline: none;

Все верно, добавлю лишь ко всем элементам:
*:focus {outline: none;}
PMПисьмо на e-mail пользователю
    1   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
Larik  
 ۩  Дата
Цитировать сообщение

Пользователя сейчас нет на форуме



PHP Injection
******

Профиль
Группа: Форумчанин
Завсегдатай форума
Сообщений: 266
Пользователь №: 36145
На форуме: 3 года, 11 месяцев, 5 дней
Карма: 1

Трезвый :
45 лет, 11 месяцев, 10 дней


Спасибо smile.gif


--------------------
Чем больше круг знаний - тем больше длина окружности соприкосновения с областью неизвестного - тем больше степень моего незнания.
Лёгкость принятия решений и громкость слов (или число нулей ожидаемой прибыли) свойство окружностей сверхмалого диаметра, стремящихся к точке - к точке зрения.
PMПисьмо на e-mail пользователю
    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
  Быстрый ответ
Информация о Госте
Введите Ваше имя
Кнопки кодов
Для вставки цитаты, выделите нужный текст и
НАЖМИТЕ СЮДА
Введите сообщение
Смайлики
:huh:  :o  ;) 
:P  :D  :lol: 
B)  :rolleyes:  <_< 
:)  :angry:  :( 
:unsure:  :blink:  :ph34r: 
     
Показать всё

Опции сообщения  Включить смайлики?
 Включить подпись?
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Ответ в темуСоздание новой темыСоздание опроса