Подскажите с оформлением textarea

Статус
Закрыто для дальнейших ответов.

czp

czp
Регистрация
05.06.2011
Сообщения
635
в поле текста(textarea), в форме,подскажите как убрать во всех браузерах уголок, который растягивает поле еше больше, в опере такого нет, но в фоксе и хроме есть такая хрень, как ее убрать?
подскажите еше как сделать что бы поле было не активное, и только после клика на него можно было ввести текст?
 

Aristotel

Well-Known Member
Регистрация
14.04.2011
Сообщения
213
Теоретически, можно накласть на ту точку див какой нибудь, с картинкой, которая не давала бы нажать на нее. Ну это грубо.
 

czp

czp
Регистрация
05.06.2011
Сообщения
635
:laugh: :laugh: :laugh: :laugh: :laugh: вылечил :laugh: :laugh: :laugh: :laugh:
в CSS :cool:
resize:none;

осталось сделать активацию по клику, подсоветуйте что то?
 

AngelGabriel

И имя мне - легион
Регистрация
23.11.2008
Сообщения
778
вобщето текстовое поле по дефолту не активно его активируют autofocus
 

czp

czp
Регистрация
05.06.2011
Сообщения
635
не не это, я хочу так, когда водишь мышкой по нему, ничего не происходит указатель курсора обычный, и только после клика меняется указатель и можно в нем сменить текст после как в вел оно опять не активное, или тупо привязать на JS смену курсора мне?или есть что то интересней?
--
сейчас сдела :hover {cursor:pointer;} а как мне теперь сделать что бы когда я кликнул по поля для набора текста, он правратился в текстовый, и потом обратно, на JS то без проблем, а как сделать без JS?
 

AngelGabriel

И имя мне - легион
Регистрация
23.11.2008
Сообщения
778
ну добавь класс
Код:
.textarea {cursor: default}
 

czp

czp
Регистрация
05.06.2011
Сообщения
635
выше прочитай а то я поправил сообшение в то время как ты отвечал

свой вопрос решил так
Код:
textarea:hover {
cursor:pointer;
}
textarea:focus {
cursor:text;
}
тему закройте :cool:
 

AngelGabriel

И имя мне - легион
Регистрация
23.11.2008
Сообщения
778
ну тогда добавь псевдокласс focus, который будет менять курсор обратно, да, и осел его не понимает
 
  • Like
Реакции: czp

czp

czp
Регистрация
05.06.2011
Сообщения
635
с опозданием идешь), но всеравно спасибо
 

AngelGabriel

И имя мне - легион
Регистрация
23.11.2008
Сообщения
778
помоему это ты пишешь быстрее чем думаешь), решение не очень хорошее
 

Aristotel

Well-Known Member
Регистрация
14.04.2011
Сообщения
213
ну тогда добавь псевдокласс focus, который будет менять курсор обратно, да, и осел его не понимает
Так осел и это не понимает, resize:none;.
Как я понял нет потребности писать под него, оно и к лучшему.
 

AngelGabriel

И имя мне - легион
Регистрация
23.11.2008
Сообщения
778
да не могу представть для чего czp такой странный функционал. Да и еще вопрос не по теме. В вконтакте в строке поиска музыки или видео используеться обычный div, интересно как они это зделали с помощью contenteditable или какимито DOM примочками. Такая функция кажеться мне не удобной так как не поддерживает правыйклик мыши->вставить
 

czp

czp
Регистрация
05.06.2011
Сообщения
635

czp

czp
Регистрация
05.06.2011
Сообщения
635
ие 6-7 только вроде
 

AngelGabriel

И имя мне - легион
Регистрация
23.11.2008
Сообщения
778
ладно проехали, главное чтобы твои нужды удовлитворяло.
Что скажите по поводу моего вопроса?
 

czp

czp
Регистрация
05.06.2011
Сообщения
635
я суть вопроса вообше не понял, как они сделали поик через div?
 

AngelGabriel

И имя мне - легион
Регистрация
23.11.2008
Сообщения
778
инпут заменили дивом, поковыряй страницу увидишь
 

czp

czp
Регистрация
05.06.2011
Сообщения
635
там есть инпут :happy: когда набираешь текст див тот прячется, в том диве только надпись приглашаюсь тебя начтаь поиск) погляди внимательно

Код:
<div class="fl_l">
<div class="input_back_wrap no_select" style="display: none">
<div class="input_back" style="margin-top: 1px; padding-top: 5px; margin-bottom: 1px; padding-bottom: 5px; margin-left: 1px; padding-left: 20px; margin-right: 1px; padding-right: 20px">
<div class="input_back_content" style="color: rgb(192, 200, 208)">Search by track or artist</div>
</div>
</div>
<input placeholder="" onkeyup="Audio.updateList(event, this);" id="s_search" type="text" class="s_search text" value=""/>
</div>
 

AngelGabriel

И имя мне - легион
Регистрация
23.11.2008
Сообщения
778
точно ты прав, а это "не поддерживает правыйклик мыши->вставить"
 
Статус
Закрыто для дальнейших ответов.
Верх Низ