I viewed the fiddle. I tried to edit the HTML in chrome and when I 
add  style="border: 1px solid red;" I see the red border. 

But class="btn-group bootstrap-select ng-class:{ 'ng-invalid': valid }; 
ng-pristine ng-untouched ng-valid" doesn't paint the border.    

'valid' is either true or false and depending on it 'ng-invalid': is 
applied. Hope I understood that.       

          <div style="border: 1px solid red;" class="btn-group 
bootstrap-select ng-class:{ 'ng-invalid': valid }; ng-pristine ng-untouched 
ng-valid">
          <button type="button" class="btn dropdown-toggle selectpicker 
btn-inverse" data-toggle="dropdown" title="Select Service">

Thanks.

On Wednesday, 25 February 2015 15:50:57 UTC+5:30, Sander Elias wrote:
>
> Hi Mohan,
>
> If you add required to your fiddle, it will work as expected. However, the 
> red border is covered by the 'active state' border, and hard to notice 
> then. That's just styling.
> However, if you want to style another element according to the error 
> state, you can do that, but it needs some extra attention.
> look at this: http://jsfiddle.net/cjq7jgkn/6/
>
> Regards
> Sander
>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to