This color cover the brackets. I don't want this.
How to remove the setting?
This comes from Editor>Color Scheme>General in your IDE Settings. The setting you are looking for is under Code and is called Matched Brace.
On the right you should see a couple different settings which will allow you to control the way the matched braces look. For example, to remove the lime green border you can uncheck the Effects checkbox.
In your case, I believe it's likely that you have the Foreground checkbox set and that the color is configured to match your background color.
I'd suggest playing around with the Matched Brace color settings until you find a style you like. Unfortunately, the preview shown in this section doesn't give you a good example of a matched brace will look like. So you'll have to Apply the setting, look at your code, and re-edit if you want to make changes.
Related
So I'm definitely an amateur with HTML/CSS. I'm trying to edit an HTML template in various ways, and one of the things I'm stuck on is trying to change the background color of an active navigation tab. Where would it go? What string do I use? To be honest, I'm not sure I'm even asking the right questions or using the right terms since I'm so new to this. Half of what I've figured out how to do is by using "Inspect" on chrome to find out what the containers/etc. are even called.
I'd like to change the white to match the rest of the container below's background color of #fbf9f6, but only the one that's active.
I'd also like to change the background color of the selected icon to pink as well as the icon itself to white when active.
I'll mention that this code is only in HTML as far as I can tell, I don't think there's a CSS file for it since it was a template I copy and pasted. The website is Toyhouse if that helps at all.
This is what I'd like it to look like.
Here's the link to the code: https://codeshare.io/5e10QJ
First, It looks like you have all your styling in the HTML file. These styles should be removed and placed in a css file. Then, in your HTML file, you can use classes and ids to as selectors to style these elements.
In order to change the the color after an element has been active is by using pseudo classes. You can find information on that here.
https://www.w3schools.com/CSS/css_pseudo_elements.asp
I don't know how, but I have changed the highlighted background(?) colour of a HTML element to be the below colour and want to change it back. I've looked through the options but cannot find the one that changes the colour of this.
I've tried resetting my User Data and that didn't change it at all.
I've also noticed that this has changed the colour of brackets in LESS/CSS files so I don't know if this is any help to anyone able to answer this question?
You can get to here by selecting :
Tools >. Option > Environment > Font and color
I want to change the selection color of a multiple select element. I'm not talking about the background color in this answer, as this only changes the background color of the selected option (the selection color is still visible on top of that).
I'm aware this color is determined by the settings of your hardware, as shown in this question, but I was wondering if there was any way other than changing your system settings that can override this setting.
You could replicate the element with divs and such and program the logic with JS. This would give you complete control over appearance.
It's also not a great idea to ask your user to learn how to use new simple UI elements. You should consider the mobile compatibility, and maintenance of this code too.
I want to change my browser from firefox to chrome, but the biggest problem is the colors of the paddings and margins when I hover an element to inspect. There is no such difference between colors like it is in Firefox. (margin:yellow, padding: purple, element itself: blue). I want to customize the Chrome's dev tools. I customized almost everything in the Custom.css folder, but I don't know what element to style for these colors. I read that there is somewhere devTools.css file, and in it I can find the style and change it, but I couldn't find that file, and I think I would not find the element either. I am using Windows XP.
So please If someone knows, tell me what to do ... how can I change the colors ?
edit:
I have read some articles and I finaly found this.
https://bugs.webkit.org/show_bug.cgi?id=37768
If I am not wrong that's related to my question. I see the people are talking about that and that and there is a "patch"
Created an attachment (id=104186) [details]
[PATCH] Altered hover backgrounds for the Metrics pane sections to follow the new highlight
created.
But I don't know if I can change my colors with this patch. Actually I don't know can I run this patche somehow and then use it to change my colors.
If someone have clue what is this and can I use it to solve my problem please share your opinion :)
When you touch an element, such as an edit box, in a web page on the iPad, it turns gray while you are touching it.
I have a table wrapped by a floating div. Instead of an individual data element or row going gray, the whole table (or its wrapping div) goes gray when a data element is touched. (The function of this table is an autocomplete pop-up)
Elsewhere in the site, I have a table in which only the touched data element goes gray.
I wondered if anyone could direct me to an explanation of the logic behind this graying on touch, so that we can code our table to give the desired behavior. Ideally, we'd like the row to highlight when it is touched.
In the alternative, if we could turn off this graying behaviour, that would be another option. We could then code the highlighting ourselves. Is there a way to turn off this behavior for particular html elements?
Thanks.
This author suggests a solution to remove the highlighting:
If for whatever reason you don't want some elements of your web site or application to be highlighted, simply add the following CSS rule to the corresponding elements.
-webkit-tap-highlight-color: rgba(0,0,0,0);
It won't disable the highlighting, but it will make it invisible (an opacity of zero).
I have not tested this, however.
I have discovered something about the "logic" behind the graying behavior. It seems that elements that have handlers such as onclick, onmousedown etc. exhibit the behavior and those without such handlers don't. A (somewhat tedious) workaround for us is to change the code of the autocomplete so that each row has its own onmousedown etc. handler rather than the wrapping div taking care of this.
Try styling the wrapper div with select:none;
That should turn it off, and then you could code the highlight onfocus yourself.
Most browsers actually do this, but it's a bit more noticeable on the iPad and other Apple touch products. It's really for usability purposes, so I would only recommend disabling it if it is causing problems like the one you mentioned. It serves to help the user know what they are clicking, and gives them a chance to move their finger away if they are on the wrong thing.