У меня есть 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 из класса. Это возможно?
Используйте 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');
Вы можете сделать это, используя только css. Сделайте правило CSS для своей текстовой области.
textarea{
background-color:blue;
}
а затем создайте правило css, когда сосредоточено текстовое поле
textarea:focus{
background-color: red;
}
Это приведет к тому, что текстовое поле будет красным, если оно выбрано, и синим цветом, если оно не выбрано.
Это также возможно с помощью ng-класса, вы должны это проверить:
https://docs.angularjs.org/api/ng/directive/ngClass
Также здесь есть ручка кода, показывающая, как это сделать. Угловой способ:
Обновлено мое перо. Это показывает, как решить вашу проблему:
Я не знаю, как удалить контент в классе. Но я думаю, вы можете определить другой класс того же текущего класса, но без содержимого. После этого используйте JS-проверку, когда текст щелчка заменит имя класса.