CSS - Страница 795

Я застрял, пытаясь реализовать элемент PrimeNg Inputnumber:
Согласно документации, есть пара атрибутов, которые можно использовать для стилизации элемента ввода, в первую очередь styleClass и inputStyleClass. К сожалению, ни один из них не...

Я пытаюсь создать поле ввода мобильного телефона с номером мобильного телефона и кодом страны, разделенными разделителем, или просто кодом страны, зафиксированным в поле, но не могу этого сделать.
Что-то вот так:
( для этого не нужен флаг или что-то...

Эти продукты являются членами CSS сетка:
className={css({
display: 'grid',
gap: '8px',
gridTemplateColumns: 'repeat(auto-fill, minmax(160px, 1fr))',
})}
>
...

Теперь предположим, что каждый участник имеет разметку, похожую на:

Product Title...

Цикл Swiper не работает нормально, когда слайдыPerView: «авто» и изображения разного размера, как это исправить? ссылка codepen
добавил свайпер, поставил картинки разного размера, выставил настройки свайпера, и заметил, что между 4-м и 5-м элементом...

Привет, ребята, я пытаюсь создать веб-приложение для электронной коммерции с использованием React-Bootstrap. Я хотел сопоставить свой элемент с помощью компонента Card из начальной загрузки. Мне удается отобразить каждую карточку, но я не могу...

В настоящее время имеется следующий CSS
.header-menu-nav-item:nth-child(1)::after {
content: url(link); /* Set content here */
position: absolute;
top: 50!important; /* Adjust vertical positioning */
right: 3; /* Adjust horizontal positioning */...

Хорошо, я просто пытаюсь стилизовать это меню. Я настроил его так, чтобы он отображал: flex.
Вот моя проблема: я открываю инспектор и устанавливаю класс для главного меню для отображения flex, Главное меню ul для отображения: flex. В инспекторе...

Я пытаюсь создать веб-сайт, на котором можно переключать языки с английского на французский, нажимая кнопку переключения. Я попробовал несколько способов без Javascript, потому что мало что знаю, и только с CSS, но так и не нашел желаемого...

Я пытаюсь отключить вертикальную полосу прокрутки внутри ag-grid. Я пробовал использовать overflow-y: скрыто внутри моего CSS, но это не сработало.
Я также следил за этим grid/ag-grid/issues/801, но безуспешно.

Подробнее здесь:

Я пытаюсь напечатать динамически сгенерированный HTML-код и хочу, чтобы на каждой странице был указан номер страницы.
Я прочитал ряд предыдущих вопросов по аналогичной теме, но все кажется, устарели.
У меня вопрос, поддерживается ли следующий CSS?...

Я использую response-native-sass-transformer для использования scss в своем выставочном проекте React Native.
Чтобы настроить, я запустил npm install -- save-dev response-native-sass-transformer sass, настроил мои .metro.config.js и app.json в...

хочу добиться этого, но получаю усадку каждый раз после добавления гибкого дисплея, если я удалю свойство flex, тогда оно будет работать правильно, я также пробовал flex-shrink, но у меня это не сработало
https:/ /i.sstatic.net/yiNMM0w0.png

Я...

У меня возникли проблемы с пониманием CSS, необходимого для стилизации внутри при использовании «печатного» носителя.
Он отлично работает на экране, но я не могу получить подчеркивание в документе PDF.
В примере ниже подчеркиваются только абзацы...

Недавно я заметил, что :focus-within можно полностью заменить на :has(:focus). Что мне кажется интересным, так это то, что они оба были добавлены в спецификацию уровня 4, так есть ли между ними разница, которую я пропустил?
Читая MDN, я нашел одно...

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

Я пытаюсь создать поле ввода мобильного телефона с номером мобильного телефона и кодом страны, разделенными разделителем, или просто кодом страны, зафиксированным в поле, но не могу этого сделать.
Что-то вот так:
( для этого не нужен флаг или что-то...

По какой-то причине на Iphone класс form-control в поле даты нарушает вывод. Это происходит как в Safari и Chrome, так что это явно проблема Iphone.
.sstatic.net/yrvigeV0.png

With FC:

Without FC:

Это ошибка или мне нужно что-то...

Я хочу создать эффект выделения, напоминающий выделение пером. то есть у него волнистые верх и низ, а также неровные начало и конец, как на этом рисунке.
net/Wkiff.png

Как лучше всего сделать это в CSS? Есть ли способ сделать это без...

body {
background-color: hsl(210, 46%, 95%);
font-size: 13px;
font-family: Barlow Semi Condensed , sans-serif;
height: 100vh;
}

svg {
position: absolute;
justify-self: right;
padding-right: 20px;
}

.attribution {
font-size: 11px;
text-align:...

Я создал этот дизайн с помощью тегов div, теперь я хочу показывать свой контент поверх этого шаблона (например, мне нужно создать поверх него раздел входа в систему), как я могу это сделать. Как установить новые свойства для созданного шаблона?...

У меня есть компонент для главной части каждой страницы, но его содержимое и высота отличаются.
export default function Hero({
height,
children,
}: {
height: string;
children: ReactNode;
}) {
return (
className={`flex flex-col h- py-1 bg-red-400...

Принятые меры:
Убедились, что CSS-файлы правильно связаны в HTML.
Проверили разные браузеры, чтобы проверить, сохраняется ли проблема.
Использовали инструменты разработчика браузера. чтобы проверить элемент и убедиться, что стили не применяются....

Я хочу, чтобы мое встроенное видео занимало определенную часть высоты экрана, но сохраняло исходное соотношение сторон по ширине.
В настоящее время у меня есть style= height: 40vh и кажется, что высота правильная, но видео сжимается в квадрат вместо...

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

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