I'm trying to change the font size of the popup dictionary by following instructions in this link: [Dictionary lookup wider and taller (pop-up dictionary lookup styling) in OS X](https://apple.stackexchange.com/questions/163652/dictionary-lookup-wider-and-taller-pop-up-dictionary-lookup-styling-in-os-x) I need to edit AppleDictionary.css file using TextEdit. However, I am unable to do so as the file is locked. I tried unchecking the "Locked" box to unlock the file but it says I don't have permission to unlock the file. I need to edit the line > font-size: 12pt; so that the text size in my popup dictioinary becomes bigger. How can I do so?

I was looking into making my banks website more ergonomic for myself and wanted to use developer tools - inspector to test some CSS modifications. But the inspector won't let me modify anything in CSS panel, there are no checkmarks, the values are not editable. Other websites work, just not the banks. (Read somewhere that it might be content blockers that are the culprit, but other websites work ok with the same blockers active). What gives? Can still modify the html. You don't actually have to log in to see it: Credit Agricole Thanks!

In Safari > Advanced > Style sheet I can add my own custom stylesheet to Safari. How can I write some styles that should only be applied on certain websites, based on the first part of the URL?

I’ve created a custom dictionary with the Dictionary Development Kit and added it to Dictionary.app on my Mac. It’s working fine but there is one stylistic issue I would like to fix. The dictionary is for looking up pronunciations of individual Chinese characters and I want the entries to be displayed in a Chinese font. That was not a problem in the body of the dictionary. I just needed to define styles in the CSS file for the tags that use in my XML file. However, the left search list (where you choose from multiple entries that match your search keyword) is still showing the characters in a Japanese font. As an example, the vertical bar of 直 shows up (if you know Japanese or Chinese). The standard Chinese dictionaries I have added to Dictionary.app all show it without the vertical bar, which suggests they are using Chinese fonts. So there must be a way to customize the font in the search list for each dictionary. I just can’t figure out how. On macOS 13.2.1 (22D68) Ventura, is this font customization possible in Dictionary app?

I am looking for a text editor that supports HTML5 and CSS3, allowing you to add/edit new properties, like rounded corners and so. It doesn't have to be a visual editor but **it has to have support for CSS3** and other new stuff like rounded corners.

I'm using the Inspect Element feature in Safari. Long ago, I used Firefox because it was the first that I knew off to come out with Firebug. One of the features it had is when it displayed the style of an element, it had the sequence of styles and the place that each stanza had came from as Safari does now but it also had a toggle that would collapse the list of styles into the resulting set of parameters. Is there a way to do that in Safari?

On macOS and other desktop systems you can override the CSS from a website and add yor preferences -- change the header font, line spacing, text colour etc. Is there away to do this automatically per site on the iPad? There is a question https://apple.stackexchange.com/questions/377492/is-css-injection-possible-on-ipad-using-safariasking similar but this requires opening the page first then running a shortcut for each page. The desktop addins apply the styles by domain name so no extra user involvement.

Has anyone experienced this before? Chrome on Macbook and my dropdown options are appearing like the image below. I've been trying to track down the issue, if it's css or a user preference on the mac. I've tried changing the resolution, changing some system settings, and having no luck with it. Specs: Macbook: Macbook Pro Software: macOS Monterey version 12.5.1 Chrome: Version 105.0.5195.125

I am working on a late-2019 Macbook Pro, which supports the **P3 color gamut** (wide color). I'm building a website that includes large blocks of vivid color, where I just want the colors to be as bright as possible. **Most of the intended audience will also have P3-capable monitors.** **I discovered that my website looks amazing in Firefox** -- much better than it does in Safari. It turns out that Firefox doesn't do any color management so the full P3 gamut is applied. Safari converts (or preserves) my colors in the sRGB space, which makes them dull. Firefox, not using any color management, uses the full P3 gamut. To see an example of the difference (only works on Safari on a computer with wide color): #box1 { background-color: color(display-p3 0 1 0); height:500px; } #box2 { background-color: rgb(0, 255, 0); height:500px; } You will see that **the green is much more vivid** when the color is defined in the P3 space. **Alternatively, you can open this code in Chrome and Firefox.** Side by side, you can easily see that the green is much richer in Firefox. What I am looking for is a way to tell Safari: **don't limit the colors to sRGB, use the full brightness of P3.** I would like to rewrite my css, but only have to do it once. Something like adding at the top: @media color-gamut: p3{ @color-profile{ name: p3; src: url(/files/P3.icc); } } I am working in an automated environment, and any solution where I have to manually specify the color space for each image is a non-starter. What I can modify is the **basic document template**, including base CSS, which will be the same for all pages. Any solution is welcome. It's a bummer that I have this great computer with an amazing display and it's intentionally making all my colors more faded than necessary.

I have discovered a bug in Safari with iPad OS. The problem is that when I zoom using the css zoom attribute, safari is taking an element's font-size and is either enlarging or shrinking based on the zoom level. Example: If I have an element with font-size: 20px at 100% and zoom to 50%, safari is making the font-size now 40px keeping the element at 100% therefore breaking my layout. This only occurs only on devices running iPad OS. (This happens at all zoom levels 50%, 60%, 70%, etc.) Does anyone have any extra information on iPad OS that may help me solve this problem? I have already reported to Apple, but it has been a while since I have had any status update. LINK TO TEST: http://alleetest.s3-website-us-east-1.amazonaws.com/

I have a web application that uses the browser's default monospace font. It's set up that way so that the user can pick their own. In Chrome, this works well, as it's easy to set the default fonts, but in Safari, they removed the option. Is there some way for users to set default fonts in Safari?

I am really frustrated here. I really would like this to work on my iPad, because it's for an important project, but no matter what I do, my html files refuse to connect to my .css files, my .js files, and any multimedia I have. Meanwhile, my site works like a charm on my Kindle Fire and all computers I've tried it on. Furthermore, I can't even open up my html files in a web browser, but when I open them in the default iOS file manager, they show up with no javascript, no css, and no multimedia.

In macOS Mojave dark mode, the Dictionary app became unusable because of coloring issues: in application itself some of the text is white on white, and in definition popup that appears if you right click a word and select Look Up (or use force touch or three-finger press) the text is black on a dark grey background: How can it be fixed?

I have the following HTML snippet open in Safari. Digital Color Meter reports the color as #FEDC53. Broken Colors? Hello, World! Is Safari displaying the incorrect color? Or is Digital Color Meter displaying reading the wrong color? How do I find out? How do I fix this? Comparative true FFDD44 swatch, with sRGB profile embedded.

I recently switched from Linux to Mac OS X, and one little tweak that didn't survive is disabling the blue highlight "glow" that Firefox adds to App Tabs when they have updates. Any idea how to do that? I followed [these instructions](https://superuser.com/questions/271512/can-the-glow-notification-on-firefox-4s-app-tabs-be-disabled) to disable it on Linux, but they don't work on Mac OS X. I have this in my ~/Library/Application Support/Firefox/Profiles/personal/chrome/userChrome.css file: .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) { background-image: none !important; background: none !important; } ...but no luck. Putting other CSS rules in that file does work though. I'm on Firefox 19.0 on Mountain Lion (10.8.2).

Is there a way to do this? I know I can use Stylish for adding arbitrary CSS to pages on a per-domain basis. Looking for something similar to add Javascript. For example, let's say I wanted to turn the text red for any h1 element on a particular site if the content of that h1 element is "News". Can't do that with CSS, need to do it with Javascript. Is there any extension I can use to add this? Or would I have to write my own?

I have converted a star-dict glossary to the mac dictionary format but the when I use the three-finger functionality to look up a word on macOS using safari or other standard text controls. When I do this gesture, only the looked-up word and its part of speech are visible and I have to click the "more" link to view its definition. I prefer to have both visible when I look up a word in a context. I have already modified the defaultstyle.css file in the mentioned glossary package. If I set the font size for html.apple_client-panel h1 as 12px, it acts as desired (both the word and its definition are displayed at once with no "more" link, but I need a bigger font size. Are there any css attributes I can use to avoid the collapsing of the definition by macOS?

I'm trying to remove the SMS badge from the avatar icon in my Google Hangouts conversation list. I can open the Developer Tools and make the change in the DOM, but I want an automated way to do it. I have TamperMonkey installed, and I have a CSS declaration that works (.Dkouue {display:none}), but I can't get it to apply no matter which @match declarations I try.

I do not know what happened to my MacBook, but all the css files are appearing with the web browser icon as you can see in the following image. When I open it it is opening in safari instead of TextEdit/other any editor. This is not happening with other file like .php, .twig, .yml, those all are opening in Text file? Any idea why this is happening and how to correct that? Besides, in-built TextEdit of Mac, I am also using TextMate Editor(latest version 2.0).

I set the background to red instead of the color it normally was. Didn't change. Removed the properties all together, refreshed, the texture was still there, even though I removed the line. OS X 10.7.5 Is there a caching issue? It happens in both Chrome and Safari.