Блог

Главная - Вопросы по программированию - Как увеличить угол изменения размера текстовой области в css?

Как увеличить угол изменения размера текстовой области в css?

#css #textbox #resize

Вопрос:

Мне нужно увеличить размер (правый нижний) угол текстового поля для лучшего доступа. Есть ли какой-нибудь способ сделать это с помощью css?

Ответ №1:

Вы можете использовать ::-webkit-resizer псевдоэлемент для добавления правил стилизации к элементам управления изменением размера.

 ::-webkit-resizer {
    border: 2px solid red;
    outline: 2px solid yellow;
} 
 <textarea></textarea>

Совместимость: https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar#-webkit-resizer

Комментарии:

1. Я вижу, это накладывает красивые границы на невидимый угол изменения размера. Можете ли вы увеличить ширину и высоту этого квадратного угла?

Ответ №2:

Добавьте свойство resize: none; к <textarea> элементу.

Комментарии:

1. Это просто лишает возможности изменять его размер, OP спрашивает, как увеличить размер элемента перетаскивания изменения размера.

Метки: