Category "css"

Remove new Firefox autofill color

A few days ago my Firefox Developer Edition updated to version 67.0b2 (64 bit). Since then all autofilled input fields have a yellow background, on literally ev

Certain media queries in my code isn't working, any suggestions on how to solve this? For instance the 320px and the 360px media query isn't working

The 320px media query is not working. The 360px media query is not working. But the other media queries are working. Any suggestions on how to resolve this?

CSS not working on table

The style settings i'm making for my table in my CSS file do not work in the html that i made CSS: body { background-color: #ccffff; } h1 { font-famil

Display only one row and hide others in CSS Grid

I want to show only the first row of the Grid and hide other rows. I know we can do this by using max-height and the @media queries, but in this case, the heigh

React native styling. width: percentage - number

I want to do width: 100% - 50 so I can add an icon which is 50 wide on the right hand side of it. I have got width: 100% - 20% working by using react-native-e

Bootstrap, container-fluid class can't change the padding

I follow some tutorial, and I can't get the correct result, because the padding doesn't work. When I write padding: 3% 15%; then the top and bottom padding is a

Change font of text on links in graph Mermaid

I want to change the font (color, size...) of the text on the link (Change_font), but I am not able to figure out. Can someone help? <script src="https:/

css resizeable div by dragging border not corner

While codding my own JavaScript-based resizable panel I figured that there's a nice new CSS3 style property that does that trick in a much cleaner way. But the

I want to make the rows in this table collapsible/expandable

Find the code here, don't want to paste the entire thing... https://code.sololearn.com/W8odKz78WT07/#html Or as an example, lets use this <head> <

javascript sode for mouse position display and Geolocation with openlayer and geocodezip example

I want to combine Geolocation and Mouse Position Display (lng/lat; outside of map)from the Openlayer and geocodezip site.I tried various combinations of codes B

Linking CSS doesn't work

So my CSS doesn't work for some reason. I have searched online and cannot find a problem with it but the CSS is not connecting to the HTML. Here is my code:

Change borderBottomColor of MUI TextField when input is filled

I'm creating a form using MUI, by default TextField bottom border is grey, blue on focus then again grey on focus loss. I aiming to make it not lose blue color

Why is my position:sticky not working on iOS?

I'm in the process of coding a sticky notification bar seated at the bottom of a mobile screen. I want the bar to be stuck at the bottom of the users screen unt

Why config cache not working on my shared hosting in Laravel 8

I uploaded my laravel site in shared hosting, my site is working well in localhost, but the CSS is not working on the server. I want to clear cache but not run

Hide input field from vuejs-datepicker

I am using vuejs-datepicker in one of my vue project. I want to hide the default input and show the Calendar when user press a button. I am trying to have the &

How can I use the macOS system accent color in CSS?

When using Safari on macOS, form controls like buttons and selects use the system's accent color. When changing the accent color by going to System Preferences

How can I order CSS columns horizontally instead of vertically for auto height elements?

Each of my columns has different heights. How can I order my column to horizontally instead of vertical using CSS? Also on hovering of each item, the height wil

How to load a placeholder image then toggle to the real one once HTTP calls are done?

I'm currently working on a project with a particularly large gif file on the page. I'd like to be able to load something much smaller, like a static image or pe

line clamp (webkit) not working in safari

display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-pack: end; text-overflow: ellipsis; -webkit-box-orient: vertical; overfl

Prettier VSCode - How to ignore formatting code for a single declaration in css, set in a global statement and not through simple comment

Correct format for a single declaration and what i prefer happen .lbl-vlt {background-color: var(--violet);} .lbl-emrld {background-color: var(--emerald