如何修改css样式


本文摘自PHP中文网,作者藏色散人,侵删。

修改css样式的方法:首先引入jQuery;然后定义元素的style样式;接着指定好触发变化颜色的事件;最后用css()覆盖原来元素的样式即可。

本文操作环境:windows7系统、css3&&jquery3.2.1版、Dell G3电脑。

如图,引jQuery,然后定义元素的style样式,根据自己的元素来定义,这里小编我随性定义div的style样式。

ae8e8044382713f2a66101852873397.png

接着我们看样式所带来的效果,接着开始设置点击按钮会产生变化颜色等交互效果。

8a4fcdc334363850930c5e044f23ffc.png

首先,自然是指定好触发变化颜色的事件,可以是经过触发等,这里我就点击即可触发颜色变化。

7d052b44da8cdae9fb1c1bb45b4ed08.png

如图,用css()便可以覆盖原来元素的样式了哦。

1823b1366922272c79ba9ad248f31e2.png

阅读剩余部分

相关阅读 >>

css不可能实现的功能是什么

自动清理js、css文件的缓存方法

css 实现三栏自适应布局

css如何隐藏溢出来的文字

html如何给段落加粗

css如何设置行间距和字间距

css如何禁止元素的点击事件

css中的图片翻转属性是什么

html文档中怎么把图片作为背景?

css怎么设置最小宽度

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...