如何修改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中各种方向小箭头

css导航条菜单的实现(附源码)

css3和css的区别是什么

十一款学css小游戏,你知道几个

对响应式web设计的方法实现

css怎么隐藏内容

什么是sass?如何使用sass?

css white-space属性怎么用

关于css文本属性的详细介绍

css中width有啥属性?

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




打赏

取消

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

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

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

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

评论

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