Всем привет, у меня тут border:

Question

Всем привет, у меня тут border:

2px solid transparent; умудряется справа и слева у кнопки делать вот такое странное наслаивание, что это такое? п.с вооще я хотел сделать что бы бордер появлялся, с box-sizing: border-box толку никакого без указания явного размера ширины и высоты блока. как можно сделать что бы бекграунд с градиентом нормально смотрелся и появлялась обводка, не меняющая размер блока?

#frontend #html #javascript #programming #russian

0

12.07.2023

17 ответов

24 просмотра

i Голубев Автор вопроса

Alexandro 🍉
button { all:unset }

не повлияло

0

12.07.2023

LZD

а в чем вопрос?

0

12.07.2023

i Голубев Автор вопроса

LZD
а в чем вопрос?

как сделать что бы бордер прозрачный не ломал визуал кнопки с градиентом-фоном

0

12.07.2023

LZD

i Голубев
как сделать что бы бордер прозрачный не ломал визу...

ну добавь падинга 2 пикселя побокам мож поможет

0

12.07.2023

LZD

ну тогда выложи на codepen.io/pen поразглядваем

0

12.07.2023

Алина

i Голубев
как сделать что бы бордер прозрачный не ломал визу...

Может box-shadow со всех сторон вместо border попробовать?

0

12.07.2023

i Голубев Автор вопроса

LZD
ну тогда выложи на codepen.io/pen поразглядваем

https://codepen.io/DraguLL/pen/ExOodwM

0

12.07.2023

LZD

i Голубев
https://codepen.io/DraguLL/pen/ExOodwM

а зачем там прозрачный бордер?

0

12.07.2023

i Голубев Автор вопроса

LZD
а зачем там прозрачный бордер?

мне нужно что бы бордере не менял размер

0

12.07.2023

i Голубев Автор вопроса

нет, мне надо при ховере его делать

0

12.07.2023

Алина

i Голубев
нет, мне надо при ховере его делать

Короче, бордер нужен для скругления, да?

0

12.07.2023

i Голубев Автор вопроса

Алина
Короче, бордер нужен для скругления, да?

бордерд нужен как внутренняя линия-обводка, скругление тут не при чём

0

12.07.2023

i Голубев Автор вопроса

в смысле увеличиваю? мне не надо увеличиватиьт, мне надо что бы размер не менялся

0

12.07.2023

Michael

i Голубев
в смысле увеличиваю? мне не надо увеличиватиьт, мн...

Сообщение перепутал, извиняюсь))

0

12.07.2023

Michael

i Голубев
https://codepen.io/DraguLL/pen/ExOodwM

button { border: none; border-radius: 10px; color: #fff; cursor: pointer; font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 22px; min-height: 49px; min-width: 142px; padding: 17px 0px; text-align: center; text-transform: uppercase; background: #0a9aff; } button:hover { background: linear-gradient(90deg,#0a9aff,#dd0aff); } button:active { outline: 2px solid red; }

0

12.07.2023

i Голубев Автор вопроса

Michael
button { border: none; border-radius: 10p...

в сафари не работает с радиусом

0

13.07.2023

Alexandro 🍉 · Accepted Answer

Alexandro 🍉

button { all:unset }

0

12.07.2023

169 похожих чатов

Всем привет, у меня тут border:

17 ответов

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