mirror of
https://github.com/Hopiu/angular.js.git
synced 2026-03-17 15:40:22 +00:00
46 lines
1.6 KiB
Text
46 lines
1.6 KiB
Text
@workInProgress
|
|
@ngdoc overview
|
|
@name Developer Guide: CSS
|
|
@description
|
|
|
|
# CSS
|
|
angular includes built-in CSS classes, which in turn have predefined CSS styles.
|
|
|
|
# Built-in CSS classes
|
|
|
|
## `ng-exception`
|
|
|
|
**Usage:** angular applies this class to a DOM element if that element contains an Expression that
|
|
threw an exception when evaluated.
|
|
|
|
**Styling:** The built-in styling of the ng-exception class displays an error message surrounded
|
|
by a solid red border, for example:
|
|
|
|
> <div class="ng-exception">Error message</div>
|
|
|
|
|
|
|
|
You can try to evaluate malformed expressions in {@link guide.expression expression} to see the
|
|
`ng-exception` class' styling.
|
|
|
|
## `ng-validation-error`
|
|
|
|
**Usage:** angular applies this class to an input widget element if that element's input does not
|
|
pass validation. Note that you set the validation criteria on the input widget element using the
|
|
Ng:validate or Ng:required directives.
|
|
|
|
**Styling:** The built-in styling of the ng-validation-error class turns the border of the input
|
|
box red and includes a hovering UI element that includes more details of the validation error. You
|
|
can see an example in {@link angular.widget.@ng:validate ng:validate example}.
|
|
|
|
## How to override the styles for built-in classes
|
|
|
|
To override the styles for these built-in classes, you can do any of the following:
|
|
|
|
Download the source code, edit angular.css, and host the source on your own server.
|
|
Create a local css file, overriding any styles that you'd like, and link to it from your HTML file
|
|
as you normally would:
|
|
|
|
<pre>
|
|
<link href="yourfile.css" rel="stylesheet" type="text/css">
|
|
</pre>
|