Tag Info

New answers tagged

1

Most browsers take the standard selection color of the operating system. This color is chosen to be consistent with the rest of the operating system. If you use Windows that color is blue, with Ubuntu for example the selection color is orange. And you will see that the selection color in browsers in Ubuntu the selection color is also orange.


0

The color of the text highlight can be changed using the CSS pseudo element '::selection'. Therefor, I would guess (and it is just a guess) that the blue color was chosen simply because it worked as a part of the browsers default (without site or user CSS) color scheme.


0

@Vince was a huge help, ty for this great resource. Solution I ended up doing: https://jsfiddle.net/p89buajq/ I am still fiddling with the color but the concept is nice, ty everyone.


1

There are quite some options. I'll skip the options that aren't applicable for your problem: apply text directly to image overlay entire image Here are the useful ones: 1. Text in a box This is the option you chose, you could tweak the opacity a bit so it's more readable on 'noisy' images. Idea 2. Blur the part behind the text 3. Floor fade A ...


1

You can try to provide text-shadow with blur as shown in the image below, so this helps in getting a form of translucent background around the text. Please try:- CSS3 Text Shadow Generator text-shadow: 3px 0px 19px rgba(226, 150, 150, 1);


0

I would use the title to allow the user to hover over the input and view all of the text. Example: <input type="text" title="something that exceeds the width of the box" value="something that exceeds the width of the box">


-1

If I'm interpreting you correctly, you can do this with jQuery. Once you've installed it, add a click event to each row that toggles a "selected" class: $(document).on('click', 'tr', function(event){$(event.target).toggleClass('selected');}) If you have different "odd" and "even" classes for every other row, you CSS should look like this: .odd{ ...


0

Have you thought about a simple border for selection? Here is a simple example: jsfiddle


0

I am not a big fan of alternating background colors between rows. White space and visual grouping should do the trick in most cases. In your case, I would use a lower contrast between the background colors. Use just enough so that the eye notices the change. As far as selection, I don't see anything wrong with using a different background color, a stronger ...


0

I'm not entirely clear on the requirements, but it sounds like: dates can be specific or very fuzzy you want consistency in format I think this is where dropdowns may be a good solution: Year: Month (optional): Day (optional): [2015 ∇] [-- ∇] [-- ∇] That doesn't account for the ...


0

Input type=date is not a very good option due to its lack of cross browser support and therefore inconsistency. If you want a consistent cross browser solution, either use jQuery pickers or if you want to use native options, use 3 dropdowns (month, day, year). While some may argue you need 3 different elements, hence 3 actions, all tests I have seen, BOTH ON ...



Top 50 recent answers are included