css常见样式方法

鼠标悬停样式

<html>
<head>
<style type="text/css">
input.username:hover {cursor:move}<!--此处的move可以换为想要的样式的属性值-->
</style>
</head>
<body>
<p><b><input name="username" id="username" class="username"/></b></p>
</body>
</html>

获取元素的位置信息

this.$refs.ele.getBoundingClientRect()  

水平和垂直滑块

overflow:hidden; // 均不显示
overflow:scroll; //均显示
overflow-x:scroll; //显示水平滑块

a标签在新窗口打开

<a href="https://www.amap.com/place/B0FFFZ6K79" target="_blank">上海市浦东新区博霞路22号S座306室</a>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 对篮球而言,我不是很懂,但是今天的篮球是总决赛,是新疆队的荣耀,事隔十五年新疆夺冠了。 新疆的队员西尔...
    小小蜗牛19162阅读 1,580评论 0 0
  • 和女人相比,男人其实是比较单纯好懂的一类,如果是真心坠入爱河,即便工作忙碌疲惫,还是会因为和她见了面、电话聊了天、...
    一点乐生活阅读 3,177评论 0 0
  • 今天宝宝呆在家里,没带出去。 结果就是过多的体能没地方消耗,睡得少。早上只睡个把小时,就不想睡了。 下午也是,睡的...
    熊小笨阅读 1,454评论 0 0
  • 问姐知父无大恙, 多日忧心往下放。 不能时时身边陪, 父母年老儿彷徨。
    阿里山wl阅读 1,153评论 0 0

友情链接更多精彩内容