CSS去除手机移动端链接标签a点击所带的背景颜色样式

前端开发   发布日期:2023年05月22日   浏览次数:476

一、直接CSS定义A样式

  1. a{
  2. outline:none;
  3. -webkit-tap-highlight-color: rgba(0,0,0,0);
  4. }

-webkit-tap-highlight-color是ios和android下点击元素时出现的阴影,-webkit-tap-highlight-color: rgba(0,0,0,0);可以将该阴影透明化,进而解决问题。

二、去除默认select样式

  1. select {
  2. font-size: 0.26rem;
  3. color: #353535;
  4. height: 0.9rem;
  5. border-radius: 4px;
  6. width: 90%;
  7. appearance: none;
  8. -moz-appearance: none;
  9. -webkit-appearance: none;
  10. background: #fff;
  11. border: 4px solid #353535;
  12. /*padding-right: 18px;*/
  13. background: url(../images/3bottomj.png) no-repeat right 10px top 12px;
  14. /*padding-left: 5px;*/
  15. display: block;
  16. float: left;
  17. }


以上就是CSS去除手机移动端链接标签a点击所带的背景颜色样式的详细内容,更多关于CSS去除手机移动端链接标签a点击所带的背景颜色样式的资料请关注九品源码其它相关文章!