2015-02-18 2 views
6

Я хочу изменить синее свечение, если сосредоточиться на входе Bootstrap 3 и в текстовом поле.Как изменить фокусное свечение textarea в Bootstrap 3?

Я попытался добавить this

textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus { 
    border-color: rgba(229, 103, 23, 0.8); 
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px rgba(229, 103, 23, 0.6); 
    outline: 0 none; 
} 

к моему costum.css но изменить только свечение полей ввода, а не текстовой области. Я также попытался this,

.input:focus { 
    outline: none !important; 
    border:1px solid red; 
    box-shadow: 0 0 10px #719ECE; 
} 

, который ничего не изменилось.

Я не специалист по CSS, поэтому оцените вашу помощь.

+0

Можете ли вы предоставить конкретные строки HTML используется и код, который вы пытаетесь в CSS файлах? – RedBassett

+1

@RedBassett Конечно, я обновляю свой запрос с соответствующим кодом, который я пробовал. – supermario

ответ

13

Попробуйте использовать:

textarea:focus, input:focus, .uneditable-input:focus { 
    border-color: rgba(229, 103, 23, 0.8) !important; 
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px rgba(229, 103, 23, 0.6) !important; 
    outline: 0 none !important; 
} 
+0

Отлично. Благословит вас Бог :) Просто любопытно: есть ли какая-либо польза от использования rgba() вместо цветовых кодов 6digit, начиная с #? – supermario

+2

Используйте rgba(), если вам нужны прозрачные значения цвета. Читайте о RGBA здесь: http://www.w3schools.com/cssref/css_colors_legal.asp, и здесь: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_color_rgba –

Смежные вопросы