СКРИПТЫ
ТЕГИ:
php (285)
js (155)
html (136)
css (110)
html tags (61)
jquery (40)
edit text (37)
php array (30)
form html (29)
fonts (27)
ruweb.net (23)
foto (22)
online (20)
atom (20)
forum (19)
svg (18)
Показать еще :
hosting (17)
board (17)
js method (16)
html book (16)
php file (16)
input (15)
color (15)
link (15)
php date (15)
js events (14)
osclass (13)
table (13)
htaccess (13)
select (12)
dw block (12)
path (12)
download (11)
notepad (11)
jsphp (11)
icon (11)
form (11)
js delete (11)
php time (11)
php img (11)
img (10)
url (10)
mouse (10)
js time (9)
info (9)
yandex (9)
php url (7)
task (7)
hover (7)
cookie (7)
comment (7)
dosite (7)
js url (6)
click (6)
iframe (6)
list (6)
mysql (6)
year (6)
php get (5)
search (5)
browser (5)
value (5)
ftp (5)
mb (5)
adminka (5)
chart (5)
console (4)
submit (4)
week (4)
reg.ru (4)
bbcode (4)
symbols (4)
js form (4)
vk (4)
mounth (4)
js id (4)
padding (3)
line (3)
day (3)
js img (3)
scandir (3)
js post (3)
pages (3)
captcha (3)
https (3)
vs code (3)
ucoz (3)
ssl (3)
title (2)
typeof (2)
second (2)
cursor (2)
youtube (2)
tag hr (2)
base64 (2)
sitemap (2)
details (2)
video (2)
height (2)
counter (2)
qr kod (2)
money (2)
js vars (2)
рся (2)
seo (2)
arrows (2)
smile (1)
books (1)
domen (1)
archive (1)
speed (1)
google (1)
windows (1)
scroll (1)
header (1)
numbers (1)
days (1)

Убираем resize без none

Интересная задачка... убрать уголок у textarea, который показывается свойством "resize" без "none".

О resize, об уголке resize, как убрать?

  1. Что таоке уголок resize?
  2. Убираем уголок resize
  3. Как убрать треугольник resize

  1. Что таоке уголок resize?

    Возьмем поле textarea

    <textarea>Привет мир!</textarea>

    И выведем его прямо здесь:

    Как видим, что у данного "textarea" уголок растягивания присутствует...

    Что позволяет нм изменять размер поля в любые 2 стороны!

    Влево, вправо, вверх, вниз.

    Что таоке уголок resize?
    Что таоке уголок resize?

    Если мы откроем исследовать элемент по нашему textarea, то увидим свойства по умолчанию, где видим, что по умолчанию стоит "resize: auto;" - что означает показывать уголок!

    Что таоке уголок resize?
    Что таоке уголок resize?


  2. Убираем уголок resize

    Нам нужно изменить свойство "resize" по умолчанию на свое...

    "resize: auto;"

    Заменить значение "auto" - на "none"...

    resize: none;
    <textarea style="resize: none" id="dw_resize">Привет мир!</textarea>

    То получим, что наш треугольник resize пропал.

    Вне зависимости от "resize" у нас появляется полоса прокрутки! От которой избавимся в следующий раз!


  3. Как убрать треугольник resize

    Вообще - при помощи css можно "убрать треугольник resize" - только выше приведенным способом.

    Честно говоря, мне непонятно зачем такое придумывать...

    Есть два предполагаемых способа, результат которого будет аналогичен.

    Убрать треугольник resize с помощью "resize: auto;" (самый простой)

    И "убрать треугольник resize" - любым другим способом... (даже думать над этим не буду)

    И в первом и втором случае растягивать "textarea" с помощью треугольника не получится... ввиду его отсутствия... больше - этот треугольник ни на что не влияет...

    Может быть человек предполагал, что textarea будет растягиваться под напором текста, так это надо совсем другое...
    Пример ниже :

    Html код :

    <div class="example2">

    <textarea id="dw_resize">Привет мир!</textarea>

    </div>

    CSS :

    <style>

    .example2 textarea {

    resize: none;

    height: 50px;

    min-height: 50px;

    }

    </style>

    javascript :
    Используем любой из способов...

Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
28.04.2022 19:20
У меня на сайте - все скрипты рабочие! Приходите…
подробнее.
Игорь :
05.04.2022 03:52
Спасибо Большое Вам за счетчик скачиваний файлов! Вы единственный, кто выложил действительно рабочий код!…
подробнее.
Марат :
03.04.2022 11:16
Вы обратились не по адресу... Предположим... что у вас есть паравоз...на дровах... И вы обращаетесь в автосервис, …
подробнее.
Good_Serpent :
03.04.2022 08:18
Шара - "расшаренная", доступная для пользователей локальной сети папка. Там происходит обмен информацией,…
подробнее.
Марат :
02.04.2022 20:29
Я даже не знаю, что таоке "шара"... Думаю, что вам нужно искать на специализированном сайте посвященной…
подробнее.
Good_Serpent :
02.04.2022 19:54
Здравствуйте! Нужен скрипт, который бы закрывал файл на шаре, если он там открыт. Не удаётся его удалить для…
подробнее.
ruweb
Страница загружена за : 0.018213 секунд. Подробнее