可以不可以直接用css去除input style=“botton”点击凹陷的效果呢

Posted 2023-04-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了可以不可以直接用css去除input style=“botton”点击凹陷的效果呢相关的知识，希望对你有一定的参考价值。

button按钮点击时会有按下的一种视觉效果，请问怎么设置样式可以把这种效果取消，就像点击超链接那样.

background:none; border:none; 只能去掉button的背景色跟边框，那种默认的点击效果无法用css去除

button要有3d突出感，让人容易相信这是一个可以点击的按钮

自定义button：用图片代替原生按钮，然后给图片添加点击事件，

如同下面这个：

参考技术A 这个没办法，css做不到。你可以这样，如果你实在喜欢button样式，你要么截图，设为其他标签的背景图来模拟，要么在button位置上覆盖一个遮罩层。点不到button就触发不了样式变化了参考技术B 当然可以，<button>标签和<input>标签默认自带 border-width 属性，设置一下即可
例如
border-width: 0px; 参考技术C <input style="border:none;background:none" />
这样写了就没有了，就跟点击链接一样了。参考技术D 在input里面加个样式就行了。style=" border:none;"

html引入外部css样式显示不全

CSS 直接写在<style></style>之间的时候一切正常，放到外部css之后，无论用link还是@import 都出现有一些样式可以显示，有一些样式不能显示的情况。。我擦哦。。改变编码什么的还是不行。。。明明直接把css文件中的样式复制到style中间就可以的。。。
好啦！我自己搞懂啦，原来是css在写入外部css的时候背景图片的相对地址需要变换！总之还是谢谢各位啦！

参考技术A 你的index.css样式表是和你的html文件在同一级目录下吗？是的话说明路径没有设置引入错误，不是得话说明是路径的错误。代码没有其他的错误。参考技术B link 应该是放在html文件的<head>和</head>之间的
@import 应该是在css文件的顶部的
你是咋写的引用代码？追问

已经搞懂啦

参考技术C 浏览器清了缓存再试追问

关闭了浏览器还是不行= =

已经搞懂啦

参考技术D 肯定是你格式写错了追问

已经搞懂啦

以上是关于可以不可以直接用css去除input style=“botton”点击凹陷的效果呢的主要内容，如果未能解决你的问题，请参考以下文章

在css中，如何去除input标签的默认样式？

html中用ul 时可以去除列表前面的点那用ol时可以去除吗