Category "css"

Some classes have no effect after adding Tailwind.css to a Vue.js project

I am trying to add Tailwind.css to a Vue.js project. There are a lot of resources on how to do this, most of them following the same path as this video. To make

Microsoft edge Dev Tools F12 can't save for override (port number indicator : )

I'm using Microsoft edge(latest version-edge 100) and Dev Tools(F12 function key) When I modified CSS Style on Dev Tools, Sometimes I can't save for override Th

HTML - style input type "time" - change color of selection

Is it possible to style the blue rectangles? I need to change the color to orange. There are some handles to change some style (see here), but I couldnt find on

Custom checkbox wont toggle when click and drag on label

I have a problem with my custom checkbox. If you click on a checkbox element, move the mouse cursor and then release the click inside the checkbox area, the ch

How to position row of divs?

I'm currently working on a page that displays cards. My final row of cards has two cards centered because of my parent class text-align center. I am trying to m

Disabling Image Smoothing is not working even with CSS and JavaScript

I have a canvas that only draws big pixels, as the game is completely based on boxes. The problem is that on every single image and canvas there is image smooth

How to scale element in pixel with CSS? [duplicate]

Elements can be scaled with transform: scale(sx), where sx is the (unit-less) scale factor. Is there some way to scale an element down by a ce

How to add animate icon menu dropdown open / closed

I built a dropdown menu with fade animation with the help of stackoverflow users. Everything works beautifully. But now I would like to add an icon to the butto

Can I disable pointer events on a container but still allow it to be scrolled with the mouse?

I think the answer is no and thus I'm going to need a new approach. Essentially what I'm trying to do is put a group of floating action buttons on top of a leaf

How can I put text over a fixed image in html and make the text scrollable?

This may be a stupid question, but I am making a website and I want to have a page that has a fixed image that stays where it is when you scroll to see more tex

How do i apply css in Safari browser to show background color and hover effect of this <li>box

i can not figure out how to address this issue with safari browser. Note the images attached. One Chrome, shows box with background color and there is also a

how to make navbar responsive and collapseable

I am trying to get this navbar to be reponsive, im not too familiar with reponsive layouts but i know how to use media queries a little bit, and i haven't tried

Continuous/constant autoplay speed with iDangerous Swiper

I want to achieve a continuous/constant speed while autoplaying through the slides. It is easy by just setting the CSS transition-timing-function of .swiper-wra

Flexbox first element on center and the rest below

There is a good chance someone has asked this question already, but I can't seem to figure out the right keywords to find the answer. I want my first element in

In what way can we compile our scss or sass file to the css file?

I am learning about sass and I am wondering how we should give a link in our CSS stylesheet. I know sass files are stored differently but should we address it l

Why does my shadow dom break my custom element?

Here is a JSFiddle demonstration of the custom element: https://jsfiddle.net/c4bLo097/5/ Here is the code from the fiddle: JavaScript: window.customElements.def

Firefox Select dropdown is not inheriting page font

A problem I'm encountering on my web pages is that on Firefox (and Firefox only), the options inside <select> tags are not affected by font-family: inheri

Unordered list item bullet point sitting above text

I'm still pretty new to CSS so this might be a silly question. The list uses a hyphen rather than a bullet style. The bullet is sitting above the text line rath

Using Tailwind3 in Flask application without manually (re-)generating css

I'm currently trying to set up a flask project using tailwindcss 3.0.23. For templating I'm using jinja. Furthermore yarn is used. During previous projects when

Using Bootstrap Icons in Rails 6 with Webpacker

I wanted to use Bootstrap icons in beta "Official open source SVG icon library for Bootstrap." https://icons.getbootstrap.com/. This is for Bootstrap 4 in Rails