CSS怎么改变表单下拉框箭头和滚动条样式

html-css016

CSS怎么改变表单下拉框箭头和滚动条样式,第1张

CSS改变流动条的样式,代码如下:

scrollbar-face-color:#FEFAF1 (立体滚动条凸出部分的颜色) 

scrollbar-highlight-color:#FEFAF1 (滚动条空白部分的颜色) 

scrollbar-shadow-color:#FEFAF1 (立体滚动条阴影的颜色) 

scrollbar-arrow-color:#E6C3B9(上下按钮上三角箭头的颜色) 

scrollbar-base-color:#FEFAF1 (滚动条的基本颜色) 

scrollbar-darkshadow-color:#E6C3B9 (立体滚动条强阴影的颜色) 

scrollbar-3dlight-color:#E6C3B9(滚动条亮边的颜色) 

scrollbar-track-color:#FEFAF1} (滚动条的背景颜色)

CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

:hover 就可以了,

比如一个<DIV ID="TEST"></DIV>

样式可以这样写:

#test:hover{background:url(箭头地址)}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

    .jt {

        position: relative

        height: 30px

    }

    

    .jt span {

        -webkit-transition: all .5s ease

        transition: all .5s ease

        position: absolute

        left: 0

    }

    

    .jt:hover span {

        left: 50px

    }

    </style>

</head>

<body>

    <div class="jt"><span>-></span></div>

</body>

</html>