2

How to animate <select> list on opening it by using fadeInDown of animate.css? I don't want to use <ul> tag and jQuery for this purpose as I am using angular with typescript.

piet.t
  • 11,718
  • 21
  • 43
  • 52
Asad Shah
  • 771
  • 2
  • 8
  • 22
  • 1
    select,radio,checkbox etc are elements handled by the browser. You cannot change the default behavior. What you can do is make a custom element/component. – Mihai T May 18 '18 at 07:47

1 Answers1

2

You can't animate options from a select tag (or I'm not aware of it).

For all I know, this is handled directly by the browser. That's why you can't style the options either.

If you want to animate it and style the options, you will have to make custom component, such as the Material dropdown select

  • yeah i couldn't find anything related animating select tag, other way is to use angular animations. – Asad Shah May 18 '18 at 07:50
  • @AsadShah Angular animations aren't magical, they rely on CSS, which means it won't correct your issue. –  May 18 '18 at 07:51