Category "css"

CSS - Is it possible to select multiple different child elements within a parent without repeating the parent?

I've been pawing over CSS selectors all afternoon in an attempt to find an answer to this because it seems so simple but I cannot for the life of me find any so

Using Tailwind prose on dark background makes text look too dark

Using Tailwind prose on dark background makes text look too dark without manual configuration TLDR; How do I get prose to work on a dark background? I have a Si

Newline character sequence in CSS 'content' property? [duplicate]

Is it possible to use newline character in CSS content property to force a line break? Something like: figcaption:before { content: 'Figu

How to make HTML element resizable using pure Javascript?

I was wondering how we can make a HTML element like <div> or <p> tag element resizable when clicked using pure JavaScript, not the jQuery library or

How to center SVG within its container?

How does one center this SVG horizontally within .svg_wrapper? .svg_wrapper { border: 1px solid grey; width: 200px; } <div class="svg_wrapper">

How to unset image-rendering for Safari 11+ without yielding "property stroke-color doesn't exist" on W3C CSS Validator

To avoid blurry downscaled images in Chrome, I followed GoojajiGreg's answer to use media queries to set image-rendering to -webkit-optimize-contrast on Chrome

How to apply CSS page-break to print a table with lots of rows?

I have a dynamic table in my web page that sometimes contains lots of rows. I know there are page-break-before and page-break-after CSS properties. Where do I

make image( not background img) in div repeat?

I'm trying to repeat-y an image that's in a div and no background image but haven't figured how. Could you please point me to a solution? My code looks like th

TreeSelect is hidden behind when using it in a Modal and trying to open it to see it's elements

I tried using the Ant Design TreeSelect component withing a Modal, but when opening that TreeSelect the values of the tree is hidden behind the Modal. I tried

content attribute text color - css

I would like to add color to a text in the content attribute. I did like this, didn't work .atleastTwoChars:after { content: "2*"; float: left; w

Use if statement in layout.html.erb in a Sinatra app

Within my Sinatra application I would like to serve a minified version of my css/js for production but in development keep my default setup (individual files).

disable datepicker for HTML 5 Input type='date'

On a web app with multiple input fields <input type="date" /> I have gotten various complaints from users who find the Android datepicker confusing. They

How to format figcaption to not stretch a min-width figure

I use the following markup to present an image and its caption. HTML: <div class="fig-container"> <figure class="captioned-figure"> &l

CSS :before on inline SVG

Update Thanks porneL for pointing out the relation between generated content and replaced elements. I found this article which deals with this very topic: Int

Wrapping a text around a circular element

I have 2 DIV's as shown below and I've been trying to get the text between the two circles to wrap around the inner circle as shown on the attacthed image. I ha

Center align text in select drop down for all browsers

How do I Center align text in select drop down for all browsers? Its center aligned in Firefox, but it comes to left in Chrome and Safari. CSS: .challenge{

How to fill 100% of remaining width

Is there any work around to do something like this work as expected? I wish there were something like that width:remainder; or width:100% - 32px;. width: auto;

HTML & CSS: Can't remove spacing between elemens

I'm having a hard time to remove the spaces between html elements. I tried display: inline-block, float: right, ul view and many other ways. As you can see in t

How to change navbar background color in react when I scroll

I would like to make my navbar start out as transparent but when a user scrolls the navbar will change color / background-color. I am using a bootstrap navbar a

Bootstrap 4: How to make top fixed navbar stay in container and not stretch?

I'm sorry for my question is may be duplicated to this:Bootstrap fixed navbar inside div or this:Twitter Bootstrap: How to make top fixed navbar stay in contai