网站中，图片文件（jpg，png,gif），如何点击下载？而非点击预览？

<a href="xxx.jpg" download >下载</a>

---

如何修改chrome记住密码后自动填充表单的黄色背景？

大体可以通过input : -webkit-autofill来进行修改！

input:-webkit-autofill { 

    background-color: #FAFFBD;

    background-image: none;

    color: #000;

 }

横向滚动条

.rowsdata{

        overflow-x:scroll;

        overflow-y:hidden;

        width: 100%;

        white-space:nowrap;

        li{

            list-style: none;

            display:inline-block;

            box-sizing: border-box;

        }

    }

---

div元素里面有多个float，导致页面元素不能撑开高度，在标签最后使用清除浮动

.news { background-color: gray; border: solid 1px black; }

.news img { float: left; }.

news p { float: right; }.

clear { clear: both; }

<div class="news">

    <img src = "new-pic.jsp">

    <p>some text</p>

    <div class="clear"></div>

</div>

---

Input输入框自动获取焦点

autofocus="autofocus"

---

滚动条样式

::-webkit-scrollbar{

      width: 6px;

      height: 16px;

      background-color: #F5F5F5;

  }

  ::-webkit-scrollbar-track{

      -webkit-box-shadow: inset 0 0 6px rgba(26, 22, 22, 0.014);

      border-radius: 10px;

      background-color: #F5F5F5;

  }

  ::-webkit-scrollbar-thumb{

      border-radius: 10px;

      -webkit-box-shadow: inset 0 0 6px rgba(26, 22, 22, 0.014);

      background-color: #555;

  }