2015-09-14 2 views
1

Я уже реализовал текстовую область, так что текстовая область имела два режима. режим только для чтения и режим редактирования. в режиме только для чтения, я установил режим курсора только для чтения ex: - (код CSS) cursor: not-allowed;, но режим курсора прокрутки также предоставляет символ только для чтения. Я прилагаю скриншоты для справки. есть ли способ изменить режим курсора только для полосы прокрутки? я хочу, чтобы изменить режим только бар курсора прокрутки по умолчанию режим ех: - cursor: default ;text-area-cursor-modetext-area-cursor-mode in scroll-barРежим курсора прокрутки в текстовой области (для google chrome)

+0

элемент, который имеет/имеет область текста такой же, как элемент, который имеет свойство прокрутки, определенной для него? – Araknid

+0

Да, при уменьшении полосы прокрутки окна/экрана автоматически добавляется текстовая область. –

+0

Тогда курсор, который не разрешен, будет активен и для полосы прокрутки. Оберните текстовую область в элементе div и установите курсор: не разрешено только для этого div. – Araknid

ответ

3

Мы должны добавить два разделения меток один для всего ДИВ и один для области текста, как это с двумя классами

<div class="form-control readonly-form-text"> 
    <div class="readonly-form-text-content"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore 
    </div> 
</div> 

, и мы должны дать уникальные атрибуты для каждого CSS классов

.form-control readonly-form-text { 
    overflow: auto; 
    cursor: default !important; 
} 

.readonly-form-text-content { 
    cursor:not-allowed; 
} 

Это скриншоты, чтобы получить представление

Main div tag Special div tag to add text

0

В <textarea>, вы не можете справиться с полосы прокрутки курсора, когда вы уже изменить курсор (например: -cursor: не разрешенному).

Google chrome has same open issue.