Category "css"

Disable Blue Highlight when Touch/Press object with Cursor:Pointer

There is a blue highlight that appears whenever a Div that has the cursor:pointer property applied is touched in Chrome. How can we get rid of it? I have tried

How to add favicon image on browser title bar in website

I am trying this code <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="<?php ec

Element with z-index is not hiding elements with lower z-index

How is this z-index formatting supposed to work? I should be able to see only the layer with z-index with 150 and not any other, but I am able to see all three

How to fix angular z-Index is not a known CSS property

I get the following [webpack-dev-server] WARNING ▲ [WARNING] "z-Index" is not a known CSS property styles.css:119530:2: 119530 │ z-Inde

How to make reactjs website responsive using material-ui

I am working on reactjs project using material-ui. Web-page is working perfect on desktop layout but when I switch layout to responsive (mobile). Than all the t

How to keep content in a container, but extend it's background full width in CSS?

I am trying to develop a design that looks like: In the design above the red lines are the sides of the container. I am keeping the content of the section wi

In some viewports, how to get slider image to same height as parent div?

In the snippet below, I have a slider. Half the slider is static text, and the other half is images. When the viewport hits 768px, the images go to a different

How to remove v-tab transition slide in Vuetify?

Is it possible to remove transition slide when click v-tabs ? <v-tabs v-model="tab" :transition="false" :reverse-transition="false"> <v-tab hr

angular animated sliding panel - shows for second when view loaded

i'm trying to build animated vertical panel which suppose to be hidden and when user clicks button -panel should slide from the right. here is my code: HTML

How to position a callout/speech bubble box inline

I am using this CSS speech-bubble generator to make a callout box on the righthand side of a page (with the speech/callout triangle on the left side of the box)

How to change the "Browse" button text

I need to change the "Browse" button text according to the locale in a JSP. (Ex. Russian , Portuguese) for a Spring based project. Following is the current imp

CardElement not showing ui components in react app ie `Card Number, MM/YY, CVC?

So my problem is that I cannot see the CardElement Ui component in the image below. It should be above the Order Total: $0 which is beside the payment method.

Make the dark mode button above all elements used DarkMode.js

I want to make the dark mode button above all the items on the website.I used DarkMode.js for the same.The button is hiding behind an image.How make its priorit

react-custom-scrollbars can't get styling to work

I'm relative new to react but I'm trying to use a common custom scrollbar but I can't seem to get the styling to work, I also submitted this as an issue on gith

How to put a background video loop on a website HTML/CSS

I'm trying to put a video as a background video on my website. I've researched a lot and it is not working and I don't know why. On my html I have: <video

Potential CSS scroll snap bug in Chrome

Please check this CodePen. The problem is described there. There is also a demo. I've tested it on Mac and Windows. There is the same behavior in Chrome (on Mac

sass format is broken when I type border-radius in vscode

I want to add border-radius to a element in my scss file. before: .card { &__side { height:50rem; &--front { backgroun

SASS : How to generate a map using a loop

My goal is to generate a SASS map to store variants of colors that are stored in the following map: $colors : ( jet : #333333, wint

How to customize Date Picker via simple css?

I am trying to achieve this My code is below HTML <input type="date" > CSS input { border: 1px solid gray; border-radius: 4px; }

Flex gap and flex wrap with percentages

I am constructing a form where the field's width percentage is dynamically set by clients. My first approach was to create a flex container with wrapping enable