Как убрать стрелки в опере

Обновлено: 04.07.2024

Управление мышью Opera — это функция, которая позволяет управлять браузером с помощью быстрых и простых перемещений мыши.

Чтобы включить или выключить управление с помощью жестов мышью, выполните следующие действия.

  1. Перейдите в Settings (Настройки) (Preferences (Настройки) на Mac).
  2. Нажмите Browser (Браузер) на боковой панели.
  3. В разделе Shortcuts (Клавиши и жесты) установите флажок Enable mouse gestures (Включить жесты мышью).
Примечание. Если использовать жесты мышью при работе с Magic Mouse или трекпадом, браузер может работать некорректно.

Функция «жесты мышью» работает так: удерживая нажатой правую кнопку, переместите мышь в нужном направлении, затем отпустите кнопку. После некоторой практики навигация с помощью мыши станет быстрой и удобной.

Навигация с помощью жестов мышью

Следующие жесты мышью действуют при нажатии на пустом месте на страницах.

Переход по ссылкам с помощью жестов мышью

Следующие жесты мышью действуют при нажатии ссылок на странице.

ДействиеЖест
Открыть ссылку в фоновой вкладке Движение вниз, потом вверх
Открыть ссылку в новой вкладке Движение вниз
Открыть ссылку в новом окне Shift ⇧ + Движение вниз при нажатой клавише Shift

Переход вперед и назад по истории вкладки с помощью кнопочных жестов

Благодаря кнопочным жестам вы можете переходить вперед и назад по сайтам, нажимая пальцами по кнопкам мыши. Нажмите одну кнопку мыши, затем, удерживая ее, нажмите вторую, отпустите первую кнопку, а потом отпустите вторую. Потренируйтесь – и вы быстро освоите эту функцию.

Чтобы включить или выключить кнопочные жесты, выполните следующие действия.

  1. Перейдите в Settings (Настройки) (Preferences (Настройки) на Mac).
  2. Нажмите Browser (Браузер) на боковой панели.
  3. В разделе Shortcuts (Клавиши и жесты) установите флажок Enable rocker gestures (Включить сочетания кнопок мыши).

Используйте кнопочный жест справа налево для перехода назад по сайту и слева направо для перехода вперед.

Примечание. Если использовать кнопочные жесты при работе с Magic Mouse или трекпадом, браузер может работать некорректно.

Быстрая навигация с помощью сочетаний клавиш

С помощью клавиш навигация может быть значительно быстрее. В Opera вы можете назначить действиям навигации собственные сочетания клавиш. Чтобы настроить собственные сочетания клавиш, выполните следующие действия.

  1. Перейдите в Settings (Настройки) (Preferences (Настройки) на Mac).
  2. Нажмите Browser (Браузер) на боковой панели.
  3. В разделе Shortcuts (Клавиши и жесты) нажмите Configure shortcuts (Настроить сочетания клавиш).

Ниже приведен обзор сочетаний клавиш, предусмотренных в Opera по умолчанию.

Управление браузером

ДействиеMacWindows/Linux
Открыть страницу загрузок ⌘ + J Ctrl + J
Открыть страницу расширений ⌘ + Shift ⇧ + E Ctrl + Shift ⇧ + E
Открыть историю ⌘ + Shift ⇧ + H Ctrl + H
Открыть локальный файл ⌘ + O Ctrl + O
Открыть адрес ⌘ + L Ctrl + L
Открыть страницу настроек ⌘ + , Alt + P
Напечатать текущую страницу ⌘ + P Ctrl + P
Завершить работу в Opera ⌘ + Q Ctrl + Shift ⇧ + X
Сохранить страницу на диске ⌘ + S Ctrl + S
Открыть справку F1

Поиск текста на странице

ДействиеMacWindows/Linux
Найти на странице ⌘ + F Ctrl + F
Найти следующее ⌘ + G Ctrl + G
Найти предыдущее ⌘ + Shift ⇧ + G Ctrl + Shift ⇧ + G

Навигация по страницам

Управление вкладками и окнами

ДействиеMacWindows/Linux
Активировать меню вкладок Ctrl + M Ctrl + M
Закрыть текущую вкладку ⌘ + W Ctrl + W
Закрыть текущее окно Alt + F4
Циклическое движение вперед по открытым вкладкам Ctrl + Tab ⇥ Ctrl + Tab ⇥
Циклическое движение назад по открытым вкладкам Shift ⇧ + Ctrl + Tab ⇥ Shift ⇧ + Ctrl + Tab ⇥
Циклический просмотр открытых окон ⌘ + ` Alt + Tab ⇥
Свернуть окно ⌘ + M Windows + M
Открыть новую вкладку ⌘ + T Ctrl + T
Открыть новое окно ⌘ + N Ctrl + N
Открыть новое приватное окно ⌘ + Shift ⇧ + N Ctrl + Shift ⇧ + N
Открыть последнюю закрытую вкладку ⌘ + Shift ⇧ + T Ctrl + Shift ⇧ + T
Переключить меню вкладок Ctrl + M Ctrl + M
Показать предыдущую активную вкладку Ctrl + ` Ctrl + `

Манипуляции с текстом

ДействиеMacWindows/Linux
Копировать ⌘ + C Ctrl + C
Вырезать ⌘ + X Ctrl + X
Вставить ⌘ + V Ctrl + V
Выбрать все ⌘ + A Ctrl + A
Отменить ⌘ + Z Ctrl + Z
Вернуть ⌘ + Shift ⇧ + Z Ctrl + Shift ⇧ + Z

Увеличение и уменьшение масштаба

ДействиеMacWindows/Linux
Перейти в полноэкранный режим Ctrl+⌘+F F11
Увеличить ⌘ + + Ctrl + +
Уменьшить ⌘ + - Ctrl + -
Установить масштаб 100% ⌘ + 0 Ctrl + 0

Использование и настройка дополнительных сочетаний клавиш

Вы можете использовать дополнительные сочетания клавиш, в том числе действия одной клавишей. Для этого выполните следующие действия.

5d1c584ce1b54088454706.jpg

добавил эти стили к своим созданным кнопкам, слайды переключает, но поверх моих кнопок еще и стандартные.

Вопрос как убрать стандартные??

Простой 1 комментарий

FeST1VaL

Берешь и скрываешь через стили например. и вешаешь на свои кнопки события на переключение слайдов.


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

megapihar6

скорее всего стили не удалил тех кнопок, ты может повесил на класс, а у них на :after :before стили стрелок. Как минимум бы неплохо было увидеть это в живую.

RaggaMaffin

Сергей Карвасарный прописал доп стили для классов кнопок, помогло, но решение конечно не оптимальное

megapihar6

RaggaMaffin, а как по другому, тебе все равно нужно найти старые стили и скрыть их или изменить или лезть в код сайдера и подкидывать свои переменные, а это тоже я тебе скажу не круто, потому, что потом надо будет библиотеку обновить к примеру и все затрется, проще стили скрыть и сделать свои.

swiper slider использует свои шрифты на кнопках
font-family: 'swiper-icons';

по дефолту на каждую кнопку вешается иконка: content: 'next' и content: 'prev',
1) я подключал стили свайпера вручную, скачав файл .css
2) в нем убрал next и prev

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after //content: 'next';
>
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after // content: 'next';
>

Просто глядя убрать эти стрелки, удобно в определенных ситуациях.

Я хотел бы сохранить осведомленность браузера о том, что контент является чисто числовым. Поэтому изменение его на input[type="text"] не является приемлемым решением.

Теперь, когда Opera основан на webkit, этот вопрос является сложным: Могу ли я скрыть поле прокрутки ввода HTML5?

Я использовал несколько простых CSS, и кажется, что они удаляются и работают нормально.

Эти стрелки являются частью Shadow DOM , которые в основном являются элементами DOM на вашей странице, которые скрыты от вас. Если вы новичок в этой идее, прочитайте хорошее вступительное чтение можно найти здесь .

По большей части, Shadow DOM экономит наше время и это хорошо. Но есть случаи, такие как этот вопрос, где вы хотите изменить его.

Вы можете изменить их в Webkit сейчас с правильными селекторами , но это все еще на ранних стадиях разработки. Сам Shadow DOM еще не имеет унифицированных селекторов, поэтому селекторы webkit являются проприетарными (и дело не только в добавлении -webkit , как в других случаях).

Из-за этого кажется вероятным, что Opera просто еще не удосужился добавить это. Однако найти ресурсы о Opera модификациях Shadow DOM сложно. Несколько ненадежные интернет-источники Я нашел, что все говорят или предполагают, что Opera в настоящее время не поддерживает манипуляции с Shadow DOM.

Я потратил немного времени, просматривая веб-сайт Opera, чтобы узнать, не будет ли упоминаний об этом, а также попытаться найти их в "Стрекозе" . ни в поиске не повезло. Из-за молчания по этому вопросу и развивающегося характера манипуляций с Shadow DOM + Shadow DOM, кажется, можно сделать вывод, что вы просто не можете сделать это в Opera, по крайней мере, на данный момент.

Этот вопрос в основном является дубликатом Есть ли способ скрыть новые элементы управления HTML5 spinbox, показанные в Google Chrome & Opera? , но, возможно, не полная копия, так как мотивация дана ,.

Если целью является "осведомленность браузера о том, что контент является чисто числовым", то вам нужно подумать, что это действительно означает. Стрелки, или счетчики, в некоторых случаях являются частью более удобного ввода чисел. Другая часть - проверка того, что содержимое является допустимым числом, и в браузерах, которые поддерживают улучшения ввода HTML5, вы можете сделать это, используя атрибут pattern . Этот атрибут также может влиять на третью функцию ввода, а именно на тип виртуальной клавиатуры, которая может появиться.

Например, если ввод должен состоять ровно из пяти цифр (например, почтовые номера в некоторых странах), тогда <input type="text" pattern="5"> может быть адекватным. Конечно, это зависит от реализации, как это будет обрабатываться.

Просто ищу, чтобы убрать эти стрелки, удобные в определенных ситуациях.

Однако я хотел бы сохранить осведомленность браузера о том, что контент является чисто числовым. Поэтому изменение его на input[type="text"] не является приемлемым решением.

Теперь, когда Opera основан на webkit, этот вопрос является дубликатом: могу ли я скрыть спин-бокс HTML5 числа input?

3 ответа

Я просто устранял проблему с моей библиотекой, но она сводится к тому, что она связана с поведением Opera. Так вот, я нигде не нашел больших предупреждений по этому вопросу, так что я предполагаю, что я что-то упускаю или что есть обходной путь, о котором я просто не знаю. В частности, возьмите.

Я использовал некоторые простые CSS, и, похоже, они удаляются и работают нормально.

Эти стрелки являются частью тени DOM, которая в основном представляет собой DOM элемент на Вашей странице, который скрыт от вас. Если вы новичок в этой идее, хорошее вводное чтение можно найти здесь .

По большей части тень DOM экономит нам время и хороша. Но есть случаи, подобные этому вопросу,когда вы хотите изменить его.

Теперь вы можете изменить их в Webkit с помощью правильных селекторов, но это все еще находится на ранних стадиях разработки. Сама тень DOM еще не имеет унифицированных селекторов , поэтому селекторы webkit являются проприетарными (и это не просто вопрос добавления -webkit , как в других случаях).

Из-за этого кажется вероятным, что Opera просто еще не удосужился добавить это. Однако найти ресурсы о модификациях Opera Shadow DOM довольно сложно. Несколько ненадежных интернет-источников , которые я нашел, говорят или предполагают, что Opera в настоящее время не поддерживает манипуляцию тенью DOM.

Я потратил немного времени, просматривая веб-сайт Opera, чтобы увидеть, будет ли там какое-либо упоминание об этом, а также пытаясь найти их в поиске Dragonfly. neither. Из-за молчания по этому вопросу и развивающейся природы манипуляции тенью DOM + тенью DOM, кажется безопасным вывод, что вы просто не можете сделать это в Opera, по крайней мере сейчас.

Нет никакого способа.

Этот вопрос в основном дублирует вопрос о том, есть ли способ скрыть новые элементы управления HTML5 spinbox, показанные в Google Chrome & Opera? но, может быть, и не полный дубликат, так как мотивация дана.

Если целью является "осознание браузером того, что контент является чисто числовым", то вам нужно подумать о том, что это действительно означает. Стрелки, или блесны, являются частью того, чтобы сделать numeric input более удобным в некоторых случаях. Другая часть-проверка того, что содержимое является допустимым числом, и в браузерах, поддерживающих улучшения HTML5 input, вы можете сделать это с помощью атрибута pattern . Этот атрибут может также влиять на третью функцию input, а именно на тип виртуальной клавиатуры, которая может появиться.

Например, если input должно быть ровно пять цифр (как почтовые номера могут быть в некоторых странах), то <input type="text" pattern="9"> может быть достаточно. Конечно, это зависит от реализации того, как он будет обработан.

Проблема Итак, моя проблема заключается в том , что у меня есть <input type='number'> , и я пытаюсь получить значение input, когда пользователь нажимает enter и console.log() значение. Но когда я проверил, он вернул undefined . Input <input type=number value=0 placeholder=Enter Number.

Стрелки <input type="number"/> в Mac чрезвычайно малы и не полезны как на Chrome, так и на Firefox даже на Safari. Как правильно их стилизовать, не добавляя лишних изображений стрелок и т. д. Обратите внимание, что я уже видел эти темы, и это не решило проблему: Стиль тип.

Похожие вопросы:

у меня есть форма с display none и input type file в ней, я также сделал кнопку. при нажатии на нее должно открыться диалоговое окно загрузки. Эта комбинация работает во всех браузерах, кроме Opera.

У меня есть input[type=number] и я хочу, чтобы событие срабатывало, когда либо фокус был потерян, либо значение изменилось (т. е. onchange ), но также я хочу, чтобы оно срабатывало, как только.

Я хотел бы скрыть / удалить стрелки input[type=number] вверх и вниз, отображаемые во всех основных настольных браузерах. Следующий CSS работает в Firefox Mozilla, Safari и Chrome, и я верю в.

Я просто устранял проблему с моей библиотекой, но она сводится к тому, что она связана с поведением Opera. Так вот, я нигде не нашел больших предупреждений по этому вопросу, так что я предполагаю.

Проблема Итак, моя проблема заключается в том , что у меня есть <input type='number'> , и я пытаюсь получить значение input, когда пользователь нажимает enter и console.log() значение. Но.

Стрелки <input type="number"/> в Mac чрезвычайно малы и не полезны как на Chrome, так и на Firefox даже на Safari. Как правильно их стилизовать, не добавляя лишних изображений.

У меня есть поле input, в котором пользователь должен иметь возможность вводить только цифры 9 . document.getElementById(integer).addEventListener('input', restrictToInteger); function.

Как я мог бы сделать атрибут step для <input type=number> более ориентированным, чтобы я мог ввести любое положительное целое число, но стрелки приращения изменили бы текущее значение на.

В настоящее время у меня есть несколько таких входов: <input type=number Это поле input используется для представления значения в миллисекундах. Однако у меня есть несколько.

Читайте также: