美文网首页
css常见样式方法

css常见样式方法

作者: onbug | 来源:发表于2019-03-13 10:04 被阅读0次

鼠标悬停样式

<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>

相关文章

  • #4 react-css-modules

    CSS Modules 在React中写样式有多种方式,比较常见的有 CSS modules,这种方法将css样式...

  • css常见样式方法

    鼠标悬停样式 获取元素的位置信息 水平和垂直滑块 a标签在新窗口打开

  • css

    css基础css选择器css常见样式1css常见样式2CSS布局上CSS布局下flex布局塔防小游戏flex布局青...

  • jQuery元素的操作

    样式操作样式的设置 css方法操作的是元素的行内样式//css方法// $('#test').css('backg...

  • 【CSS】 Index

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局

  • CSS的常见样式

    本篇文章将主要阐述CSS的常见样式 对于常见样式做出大量说明 虽然CSS的样式并不算多但是在CSS的使用上却是最多...

  • 【CSS】三、常见属性

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局## 三、...

  • 【CSS】 一、使用CSS样式的方式

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局## 一、...

  • 【CSS】 二、定义样式表

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局## 二、...

  • 【CSS】四、DIV+CSS布局

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局## 四、...

网友评论

      本文标题:css常见样式方法

      本文链接:https://www.haomeiwen.com/subject/ipzapqtx.html