Удалить свойство css, используя angular или javascript

Question

Удалить свойство css, используя angular или javascript

0

У меня есть div-класс <div class="filter-wrapper filter-name-of-hotel "> а css для этого класса - это.

.filter-name-of-hotel:after {
    content: '\f002';
    font-family: 'FontAwesome';
    position: absolute;
    bottom: 0px;
    right: 10px;
    color: black;
    font-size: 23px;
}

в классе div есть текстовый элемент. Когда я нажимаю на это текстовое поле, я хочу удалить свойство content из класса. Это возможно?

Supun Wimukthi 02 июль 2015, в 12:15

Источник

Теги:

javascript

angularjs

css

event-handling

3 ответа

Ещё вопросы

ben · Answer 1 · 2015-07-02T08-37-00.000Z

Используйте 2 класса:

.filter-name-of-hotel.withContent:after {
    content: '\f002'; 
}
.filter-name-of-hotel:after {
    font-family: 'FontAwesome'; 
    position: absolute; 
    bottom: 0px; 
    right: 10px; 
    color: black;
    font-size: 23px; 
}

теперь просто удалите класс withContent щелкнув внутри текстового withContent

$('#div').removeClass('withContent');

Я хочу это с помощью угловых, а не JQuery, пожалуйста ..
Также в классе div есть несколько классов. <div class = "filter-wrapper filter-name-of-hotel">

BobDoleForPresident · Answer 2 · 2015-07-02T08-30-00.000Z

Вы можете сделать это, используя только css. Сделайте правило CSS для своей текстовой области.

textarea{
   background-color:blue;
}

а затем создайте правило css, когда сосредоточено текстовое поле

textarea:focus{
   background-color: red;
}

Это приведет к тому, что текстовое поле будет красным, если оно выбрано, и синим цветом, если оно не выбрано.

Это также возможно с помощью ng-класса, вы должны это проверить:

https://docs.angularjs.org/api/ng/directive/ngClass

Также здесь есть ручка кода, показывающая, как это сделать. Угловой способ:

Обновлено мое перо. Это показывает, как решить вашу проблему:

http://codepen.io/anon/pen/dodZZx

Мне нужен ответ по моему вопросу. Я хочу удалить только то, что я упомянул.

user3468001 · Answer 3 · 2015-07-02T08-18-00.000Z

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