Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Bootstrap 3 как убрать об водку вокруг кнопки?
 
 автор: web777   (16.02.2016 в 12:22)   письмо автору
2 Кб
 
 

ранее пользовался Bootstrap 2 версией, сейчас перешёл на третью, но столкнулся со множеством не совместимостью, что-то преодолел, а вот с кнопками проблема, когда нажимаешь курсором, во круг кнопки появляется синяя рамка

тут приложил изображение снимка той самой кнопки с рамкой

  Ответить  
 
 автор: elenaki   (16.02.2016 в 12:38)   письмо автору
 
   для: web777   (16.02.2016 в 12:22)
 

a {
outline:none;
}


Скажите честно, зачем вы отделяете приставку от слова пробелом? Боитесь, вдруг это предлог? Всяого повидала, но "об водку" и "во круг" первый раз вижу. Вы, что, вообще ничего не читаете? Никогда не встречались слова "обводка" и "вокруг"? Мне правда интересно, раньше такого не было. Сейчас по-другому учить начали... Я уже давно предлагала внести новое правило - не знаешь, слитно пишется или раздельно, ставть знак подчеркивания _. По крайней мере, будет заметно, что человек сомневается. А то лепят все подряд с пробелами - типа потом всегда можно будет сказать "проклятый T9". И почему тогда "снимок", а не "с нимок" , "перешел", а не "пере шел"? И не надо говорить, что программисту русский язык не нужен. С таким языком вы никогда ничего не найдете поиском. Или найдете таких же "грамотеев".

  Ответить  
 
 автор: web777   (16.02.2016 в 16:32)   письмо автору
 
   для: elenaki   (16.02.2016 в 12:38)
 

извиняюсь за свой русский(((

по поводу вопроса, не помогло, но у меня кнопка в виде <button>, а со ссылкой всё в порядке. Допустим вот сам код:


<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    

<style>
a{outline:none;}
button, 
button:active, 
button:focus {
  outline: none;
}
</style>
  

<button type="submit" class="btn btn-default">Изменить статус</button>

<a href="#" class="btn btn-primary">Button</a>
<a href="#" class="btn btn-default">Button</a>


у ссылок нет обтекаемой рамке а кнопки "button" имеется. Хотя я уже и стили приписал.

  Ответить  
 
 автор: elenaki   (16.02.2016 в 17:24)   письмо автору
 
   для: web777   (16.02.2016 в 16:32)
 

Может, это не та рамка (та должна быть пунктирная)? Надо прописать поверх стилей bootstrap'a border: none; у кнопок.

  Ответить  
 
 автор: web777   (18.02.2016 в 21:43)   письмо автору
 
   для: elenaki   (16.02.2016 в 17:24)
 

после того как указал так, всё стало отлично


<style>
a,a:focus,a:hover,a:active,button,
button:hover { outline: 0 !important;}
a:focus {text-decoration: none;}
</style>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования