ドロップダウン要素矢印クリックしたときに上下に移動する

Question

select要素の矢印の属性などがわからないが、基本的にドロップダウンを切り替えると矢印が180度回転する。 arrowそれから私はそれをやっている問題はありません。助言がありますか。

<select class = "two"> 
<option selected disabled hidden style='display: none' value='' class = "ddowns_vari" value = " 2. design"> 2. design</option> 
</select> 
<div class = "selected_content2">Lorem ipsum Lorem ipsum Lorem ipsum 
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</div> 

あなたも本当にselect要素を使用するための正しい方法ではないですし、残念ながらそれは、ブラウザのオブジェクトがあるとして、あなたがそれを修正するために行うことができますほとんどありませんここ http://79.170.40.182/kingsley-test.co.uk/kingsley%209.9.2016/kingsley-new/contingency.php

Answer 1

デモサイトを見つけることができます。

あなたはこの

<div> 
    <span>Select this</span> 
    <div>Content here</div> 
</div> 

div {width: 200px;} 
span {display: block;} 
span::after {content:"V"; float: right;} 
span:hover::after {transform: rotate(180deg); cursor: pointer;} 

http://codepen.io/rachelreveley/pen/QKapyA

明らかに、適切な矢印アイコンやグラフィックのためにVを変更し、以下のdivを表示するには、いくつかのjQueryを追加するようなものとしたほうが良いでしょう。