Chrome inspector stylesheet adding strange characters !i;!; automatically
Recently on the latest chrome browser, when adding css using inspector-stylesheet by clicking the '+' button with !important; on it, the inspector-stylesheet shows it as !important;!i;!; instead of !important;
Here is the screenshot of the issue. I have tested this on multiple laptops both Macbook and Windows.
My chrome version 131.0.6778.205 (Official Build) (x86_64)
Solution
This issue is fixed and scheduled for stable release early April.
- How to change Chrome DevTools font family
- Chrome Timeline buffer usage
- Chrome inspector stylesheet adding strange characters !i;!; automatically
- How do you save an entire folder from Google Chrome's Developer Tools' Sources tab?
- How to disable JavaScript in Chrome Developer Tools?
- Disable paste protection in Chrome DevTools?
- Google Chrome Developer Tools : Android Debugging returns HTTP/1.1 404 Not Found. Why?
- Is it possible to open developer tools console in Chrome on Android phone?
- Certain elements of a page changes its style when opening chrome devtools
- Where did the user agent field go in my Chrome DevTools?
- Any way to throttle calls to a specific API in Chrome DevTools while leaving others unthrottled?
- Why does menu item "Save all as har" no longer exist in chrome and what to do instead?
- HTML Body shows cz-shortcut-listen="true" with Chrome's Developer Tools?
- What is the source of the double-dollar sign selector query function in Chrome/Firefox?
- Colors in JavaScript console
- Puppeteer opens an empty tab in non-headless mode
- Why can't I expand this event object in the chrome console?
- Optimizing native hit testing of DOM elements (Chrome)
- Automatically open Chrome developer tools when new tab/new window is opened
- Chrome Devtools ACTUAL data size/transferred
- Is there any way to debug chrome in any IOS device
- Chrome DevTools Debugger freezing once it hits breakpoint
- Copy HTML in Firefox or Chrome Inspector as displayed (maintaining indentation and formatting)
- How to inspect source code of a Chrome extension content script in devtools?
- How to break when DOM element gets removed from its parent?
- Chrome DevTools - Performance Tab Summary
- Count of duplicate console.log() resets when called from a different element
- Update source file when CSS is changed through Chrome developer tools
- Setting Dev-Tool Sensor (Time Zone) with only Powershell
- DevTools recorder - attribute title for a step or import array of recordings