All Questions
2,467 questions
1
vote
3
answers
61
views
Angular material - browser autofill changes input styles
Currently I'm facing the issue that occurs after web browser auto fills the user input like in this screen:
I tried it on two browsers and it looks simaliar (chrome adds white background and firefox ...
- 492
0
votes
0
answers
59
views
How does the browser resolve CSS classes and id styles to the html element
So i understand the browser parses, tokenizes and builds the DOM and CSSOM trees. The DOM contains the parent-children relationships between HTML and text elements. The CSS tree contains style rules. ...
- 29
0
votes
0
answers
79
views
iOS ignores html video preload="none"
I have a website with a couple hundred videos embedded with <video src="example.mp4" controls playsinline preload="none">
They are not visible on top of that either (CSS: ...
- 1
0
votes
0
answers
53
views
Changing browser affects width of a class
Problem
I have a functional search bar that works on Firefox. However, when I tried to run this on Microsoft Edge, it broke the search bar.
On Firefox, it is inline with the browser:
On Edge, it ...
- 1
1
vote
0
answers
47
views
Change input text color when auto filled is not working
when i auto fill the input data the input text color is black, i want to change it because it looks horrible on dark background, i traced the color properties on input and found one color property ...
- 101
0
votes
1
answer
69
views
Text rendered in browser has a larger "A" letter than in design program
Hi,
I have a problem in that the capital A of the font Gentium Plus (Google font) is rendered slightly (but impactful) higher size in the browser compared to Figma. It goes some 2 pixels above the ...
- 29
-1
votes
1
answer
107
views
Why do all browsers seem to support Webkit CSS prefixes?
I wanted to see and test firsthand how different browsers support different vendor specific prefixes (-webkit, -moz, -ms, -o).
And I was suprised to see that both Firefox and Safari support -webkit ...
- 11
1
vote
0
answers
50
views
Any way to make Chrome not flicker on the right size when changing window width?
I'm animating a browser windows' left edge in Electron. So the left side moves, the right side is fixed.
My problem is that everything seems to be really flickering / jumping on the right side.
It's ...
- 14k
0
votes
0
answers
45
views
How Can I Achieve a Zoom-Out Effect for a Website When the Viewport Width is Below 190px?
I’m trying to replicate a zoom-out effect similar to what’s seen on SuperSimpleDev's Amazon Clone when the viewport width goes below 190px. I have a video showcasing the exact effect I want to achieve,...
- 1
1
vote
1
answer
47
views
detect when horizontally animating element reaches center of viewport
Given an animating (transforming) row of images, detect when each one reaches the center so we can make some changes (e.g., adding styling like filter: grayscale)
I've enlisted IntersectionObserver ...
- 378
-1
votes
1
answer
44
views
Squarespace custom css works in inspect element in browser but not in my browser
here's my site: https://manatee-dodecahedron-ap6r.squarespace.com/
I've added a bunch of css to try and change the design of the gallery element to make the font bigger.
The css i've added works in ...
- 649
0
votes
0
answers
86
views
Why Isn't the Virtual Keyboard Appearing on Mobile Devices for My Keyboard Tester?
I'm a beginner working on my third or fourth project, and I'm encountering an issue with my keyboard tester application. The project is named KeyMaster, and it works perfectly fine on PC browsers for ...
- 11
0
votes
1
answer
39
views
How to use relative CSS dimensions (%, vw, vh) and preserve user zooming/scaling
I have coded a website and have used a percentage width like so:
max-width: 50%
When the user zooms the website, the text and other divs are scaling OK but these percentage-set divs are enlarging very ...
0
votes
0
answers
23
views
Is it possible to change background opacity of a custom browser extension and add blur filter?
I am building a simple browser extension and I want make its background blur, I tried the usual way with CSS, but it doesn't seem to work.
It currently looks like this:
Image of browser extension
...
- 1
0
votes
1
answer
64
views
How to recreate browser zoom in a react project
I'm searching for a zoom that works exactly the browser's zoom.
I've tried some but in the 3D viewer (three.js) the zoom is breaking the page.
I have to set the zoom at 80%, doing it directly from the ...
