欢迎各位兄弟 发布技术文章
这里的技术是共享的
m”属性和“text-decoration”属性让a标签下面的线加粗,语法为“a{text-decoration:none;borde
在css中我们想实现透明颜色,首先就会想到rgba()和hsla()这2个属性。这篇文章就简单介绍下使用这2种方式来实现半透明边框。
padding缩写 pd30-40 padding: 30px 40px;
CSS 属性选择器通过已经存在的属性名或属性值匹配元素。
需求:修改ant-design-vue中一些组件的背景色 要设置为完全透明(这里有点忘了,百度复习下)
设置背景色为纯色 #0000ff; /不透明的蓝色/
body {
perspective: 39px;
}
img {
display: block;
margin: 100px auto;
transition: all 1s ;
img:hover {
transform: rotateX(180deg);
https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/rotateX
https://www.w3cschool.cn/doc_css/css-transform-function-rotatex.html
rotateZ()函数是一个
1.先说一下translateY()的用法 效果:
return '<iframe id="iFrame1" name="iFrame1"
本教程操作环境:windows7系统、HTML5&&javascript1.8.5版、Dell G3电脑。
被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。
概述
在页面设计时,我们经常使用input复选框。由于界面设计的需要,我们需要修改复选框的样式,使得界面更美观或者适应新的需求。由于CheckBox伪类修改比较复杂,通常修改的方式有两种,一个是链入图片,另一个是使用纯css的方法进行修改。链入图片的设计方式比较简单,但是需要预先设计或者下载图片,比较麻烦。纯css的方法,只需要在css文件中编写代码,个人觉得比较方便,因此,本文使用该方式对input中的CheckBox进行设置。
实现效果
本文在设计时,希望达到以下效果,如图所示,每个带颜色的方块都是有input框组成,每个input框的背景色不同,并且,再点击时,只能同时选中一个input框(实现效果相当于radio)。
实现步骤
1、单个input[type=checkbox]样式修改
在设计时,我们使用<lable>标签的for属性,绑定到input标签上(for属性应对应到input标签中的id)。在jsp代码中设计如下所示:
有checkBox复选框需求时,我们所用的框架样式不符合,所以需要自己写 对勾样式,当然用图片也OK。
效果图:
html:
<div class="msg-position c-bg-wt">
<p>推送岗位<i class="c-rd">*</i>
<i class="icon-span" :class="{'icon-span-select' : chkAllStatus, 'brand-btn': chkAllStatus, 'brand-b': chkAllStatus}" @click="chkAll"></i>
全部</p>
<div v-for="item in positions" class="msg-position-div hidden">
checkbox没有readonly属性,如果使用disabled="disabled" 属性的话,会让checkbox变成灰色的,用户很反感这种样式可以这样让它保持只读:方式一:设置它的onclick="return false"
伪类用于定义元素的特殊状态。
例如,它可以用于:
设置鼠标悬停在元素上时的样式