Here is a general solution, using CSS only, which I have verified to work. @media print { body * { visibility: hidden; } #section-to-print, #section-to-print * { visibility: visible; } #section-to-print { position: absolute; left: 0; top: 0; } } Alternative approaches aren’t so good. Using display is tricky because if any element has display:none … Read more
Your first attempt was almost right, It should work without the quotes. {test: obj.value1 == ‘someothervalue’} Here is a plnkr. The ngClass directive will work with any expression that evaluates truthy or falsey, a bit similar to Javascript expressions but with some differences, you can read about here. If your conditional is too complex, then … Read more
You probably want transparent as none is not a valid background-color value. The CSS 2.1 spec states the following for the background-color property: Value: <color> | transparent | inherit <color> can be either a keyword or a numerical representation of a colour. Valid color keywords are: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, … Read more
Update 2020: This solution uses execCommand. While that feature was fine at the moment of writing this answer, it is now considered obsolete. It will still work on many browsers, but its use is discouraged as support may be dropped. There is another non-Flash way (apart from the Clipboard API mentioned in jfriend00’s answer). You … Read more
If you mean using an attribute selector, sure, why not: [data-role=”page”] { /* Styles */ } There are a variety of attribute selectors you can use for various scenarios which are all covered in the document I link to. Note that, despite custom data attributes being a “new HTML5 feature”, browsers typically don’t have any … Read more
It’s a little ugly (due to the scaling up), but it works on most newer browsers: input[type=checkbox] { /* Double-sized Checkboxes */ -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ transform: scale(2); padding: 10px; } /* Might want to wrap a … Read more
In your stylesheet add: @media print { .no-print, .no-print * { display: none !important; } } Then add class=”no-print” (or add the no-print class to an existing class statement) in your HTML that you don’t want to appear in the printed version, such as your button.
The most common way to do this is something along these lines: ul { list-style: none; padding: 0; margin: 0; } li { padding-left: 1em; text-indent: -.7em; } li::before { content: “• “; color: red; /* or whatever color you prefer */ } <ul> <li>Foo</li> <li>Bar</li> <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed … Read more
[Update: Although I discovered this trick independently, I’ve since learned that Thierry Koblentz beat me to it. You can find his 2009 article on A List Apart. Credit where credit is due.] I know this is an old question, but I encountered a similar problem that I did solve only with CSS. Here is my … Read more
Better to just use .addClass() and .removeClass() even if you have 1 or more styles to change. It’s more maintainable and readable. If you really have the urge to do multiple CSS properties, then use the following: .css({ ‘font-size’ : ’10px’, ‘width’ : ’30px’, ‘height’ : ’10px’ }); NB! Any CSS properties with a hyphen … Read more