1.select自定義箭頭問題

用<select><option></option></select>的時候自帶的三角箭頭與需要的三角不同，這是還要求有select的背景。

background: #536479 url("../images/sel.png") no-repeat 79px;

既有了背景顏色，又有了自定義的三角箭頭。



2. 在一行內不同顏色區域鼠標滑過的時候實現整體顏色變化。 如圖所示

在tr一行中姓名一列的背景色與其他的背景色不同，要求鼠標滑過的時候tr整行變色，

html代碼如下：

<tr class="user-li">
<td><img></td>
<td>admin</td>
<td class="user-name-color">admin</td>
<td>鄭州大學</td>
<td>空乘</td>
<td>2016</td>
<td>1</td>
<td>11</td>
</tr>
若直接寫整行變色，則姓名一行不會有變化，若分別添上tr整行和姓名一行，滑過變色的時候姓名一行和其他的更改顏色會有時間間隔。
jq代碼如下：

// 懸停點擊狀態
$('.user-name-color').addClass('user-name');
$('.user-li').hover(function (){
$('.user-li').eq($(this).index()).addClass('user-li-hover');
$('.user-name-color').removeClass('user-name');
},function() {
$('.user-li').eq($(this).index()).removeClass('user-li-hover');
$('.user-name-color').addClass('user-name');
})

轉載于:https://www.cnblogs.com/yongwang/p/6690250.html

總結

以上是生活随笔為你收集整理的select自定义箭头问题 。。。和一行内不同颜色的整体鼠标滑过变色的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。