You need to set FocusVisualStyle of each ListBoxItem to null. Steps are bellow 1) Create ItemContainerStyle for the ListBox <Style x:Key=”ListBoxItemStyle1″ TargetType=”{x:Type ListBoxItem}”> <Setter Property=”FocusVisualStyle” Value=”{x:Null}”/> …. 2) Set that style to Listbox <ListBox ItemContainerStyle=”{DynamicResource ListBoxItemStyle1}”
You can add a transparent border to the non-hover state to avoid the “jumpiness” when the border appears: http://jsfiddle.net/TEUhM/3/ #homeheader a:visited, #homeheader a{ border:1px solid transparent; }
It’s a Chrome bug, ignoring the “border:none;” style. Let’s say you have an image “download-button-102×86.png” which is 102×86 pixels in size. In most browsers, you would reserve that size for its width and height, but Chrome just paints a border there, no matter what you do. So you trick Chrome into thinking that there is … Read more
You should be able to remove it using outline: none; but keep in mind this is potentially bad for usability: It will be hard to tell whether an element is focused, which can suck when you walk through all a form’s elements using the Tab key – you should reflect somehow when an element is … Read more
You can use a simple border and clip the background to the content-box to create the transparent part in the padding area: div.circle { background: rgba(255, 255, 255, .5) content-box; padding: 10px; height: 180px; width: 180px; box-sizing: border-box; border-radius: 50%; margin:10px auto; border: 10px solid rgba(255, 255, 255, .5); } body { background: pink; } … Read more
According to the documenation steps(2,start) will give this timing output: So you will spend 0 time on the first state, half the time on the 50% (light blue) and half the time on the 100% (blue). You will have a similar logic using end instead of start where you will spend 0 time on the … Read more
Yep: Use the outline property; it acts as a second border outside of your border. Beware, tho’, it can interact in a wonky fashion with margins, paddings and drop-shadows. In some browsers you might have to use a browser-specific prefix as well; in order to make sure it picks up on it: -webkit-outline and the … Read more
A pixel is the smallest unit value to render something with, but you can trick thickness with optical illusions by modifying colors (the eye can only see up to a certain resolution too). Here is a test to prove this point: div { border-color: blue; border-style: solid; margin: 2px; } div.b1 { border-width: 1px; } … Read more
From: http://webdesign.about.com/od/advancedcss/a/outline_style.htm The CSS outline property is a confusing property. When you first learn about it, it’s hard to understand how it is even remotely different from the border property. The W3C explains it as having the following differences: 1.Outlines do not take up space. 2.Outlines may be non-rectangular.
If you are doing what I believe you are trying to do, you’ll need something a little more like this: table { border-collapse: collapse; } table td, table th { border: 1px solid black; } table tr:first-child th { border-top: 0; } table tr:last-child td { border-bottom: 0; } table tr td:first-child, table tr th:first-child … Read more