您的位置: 首页  >  文章  >  css动画select

css动画select

分类: 文章 • 2023-12-12 14:48:22

css动画select

 
css动画select
演示

 

 

XML/HTML Code
  1. <form>  
  2.   <fieldset class="radio-container">  
  3. <div class="radio-options">  
  4. <div class="toggle">Choose your beer</div>  
  5. <ul>  
  6. <li>  
  7. <input type="radio" name="my-beer" id="choice1" value="choice1">  
  8. <label for="choice1">Cul Dorcha</label>  
  9. </li>  
  10. <li>  
  11. <input type="radio" name="my-beer" id="choice2" value="choice2">  
  12. <label  for="choice2">Rowers Red Ale</label>  
  13. </li>  
  14. <li>  
  15. <input type="radio" name="my-beer" id="choice3" value="choice3">  
  16. <label for="choice3">Belfast Ale</label>  
  17. </li>  
  18. <li>  
  19. <input type="radio" name="my-beer" id="choice4" value="choice4">  
  20. <label for="choice4">O'Hara Irish Stout</label>  
  21. </li>  
  22. </ul>  
  23. </div>  
  24. </fieldset>  
  25. </form>  

 

XML/HTML Code
  1. <form>  
  2.   <fieldset class="radio-container">  
  3. <div class="radio-options">  
  4. <div class="toggle">Choose your beer</div>  
  5. <ul>  
  6. <li>  
  7. <input type="radio" name="my-beer" id="choice1" value="choice1">  
  8. <label for="choice1">Cul Dorcha</label>  
  9. </li>  
  10. <li>  
  11. <input type="radio" name="my-beer" id="choice2" value="choice2">  
  12. <label  for="choice2">Rowers Red Ale</label>  
  13. </li>  
  14. <li>  
  15. <input type="radio" name="my-beer" id="choice3" value="choice3">  
  16. <label for="choice3">Belfast Ale</label>  
  17. </li>  
  18. <li>  
  19. <input type="radio" name="my-beer" id="choice4" value="choice4">  
  20. <label for="choice4">O'Hara Irish Stout</label>  
  21. </li>  
  22. </ul>  
  23. </div>  
  24. </fieldset>  
  25. </form>  

 


原文地址:http://www.freejs.net/article_biaodan_248.html

相关推荐