I would acheive this by using adjacent selectors, like so: table { border: 1px solid #000; } tr { border-top: 1px solid #000; } tr + tr { border-top: 1px solid red; } td { border-left: 1px solid #000; } td + td { border-left: 1px solid red; } It’s a little bit repetitive, but … Read more
You can do this without having an extra element or pseudo element: http://cssdeck.com/labs/t6nd0h9p img { outline: 1px solid white; outline-offset: -4px; } IE9&10 do not support the outline-offset property, but otherwise support is good: http://caniuse.com/#search=outline Alternate solution that doesn’t require knowing the dimensions of the image: http://cssdeck.com/labs/aajakwnl <div class=”ie-container”><img src=”http://placekitten.com/200/200″ /></div> div.ie-container { display: inline-block; … Read more
You are using the image as a background. Why not set it as the src property of the button ? <input src=”https://stackoverflow.com/questions/4108983/images/submit-bkg.png” id=”searchsubmit” name=”searchsubmit” type=”image” value=”” tabindex=”2″/> When you set the type as image the input expects an src attribute as well.. Reference: http://www.w3.org/TR/html401/interact/forms.html#adef-src and http://www.w3.org/TR/html401/interact/forms.html#h-17.4.1
I would use multiple linear-gradient and a complex animation (by animating size/position of each one) to obtain the final result. If you get the trick you can easily adjust the different values to obtain any animation you want. .draw { padding: 20px 50px; outline:none; border: none; box-shadow: none; background-image: linear-gradient(#f45e61, #f45e61), linear-gradient(#f45e61, #f45e61), linear-gradient(#f45e61, #f45e61), … Read more
You can create a resource (layer drawable xml) for your ImageView‘s “border” (actually background), and declare in your theme that the ImageView‘s background resource is the drawable xml. If you need this “border” to be changed based on the ImageView‘s state (focused, selected, etc.), then you should create more layer drawables, and put them together … Read more
jqGrid builds some additional divs over the main grid table. The outer div has the class ui-jqgrid. So if you need to remove right and left border existing over the whole grid you can use the following CSS: .ui-jqgrid { border-right-width: 0px; border-left-width: 0px; } If you need to remove all grid’s borders you can … Read more
Try using this: .wave-top { position: relative; margin-top: 20px; } .wave-top::before, .wave-top::after { border-bottom: 5px solid rgba(237, 30, 30, 1); } .wave-top::before { content: “”; position: absolute; left: 0; right: 0; bottom: 0; height: 10px; background-size: 20px 40px; background-image: radial-gradient(circle at 10px -15px, transparent 20px, rgba(237, 30, 30, 1) 21px); } .wave-top::after { content: “”; … Read more
If you don’t need support for older browsers (IE 8 and less) you can use box-shadow: .border { padding : 35px 20px 20px 20px; box-shadow: inset 0 0 0 15px red, inset 0 15px 0 15px teal; } http://jsfiddle.net/fTGDs/
You need to override the ControlTemplate of the Button: <Button Content=”save” Name=”btnSaveEditedText” Background=”Transparent” Foreground=”White” FontFamily=”Tw Cen MT Condensed” FontSize=”30″ Margin=”-280,0,0,10″ Width=”60″ BorderBrush=”Transparent” BorderThickness=”0″> <Button.Template> <ControlTemplate TargetType=”Button”> <ContentPresenter Content=”{TemplateBinding Content}”/> </ControlTemplate> </Button.Template> </Button>