首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我的按钮没有变灰,也没有边框?

按钮没有变灰和没有边框可能是由于以下几个原因导致的:

  1. CSS样式未正确设置:按钮的样式通常通过CSS来定义,可能是你的CSS样式中没有设置按钮的背景色为灰色或者边框的样式。你可以检查一下CSS代码中是否包含了按钮的样式设置,并确保正确设置了背景色和边框样式。
  2. CSS样式被覆盖:如果你的按钮样式被其他CSS样式覆盖了,那么按钮可能不会显示灰色或边框。你可以使用浏览器的开发者工具检查按钮元素的样式,看是否有其他样式覆盖了按钮的样式。如果有,你可以尝试修改CSS样式的优先级或者使用更具体的选择器来定义按钮的样式。
  3. HTML代码错误:按钮的HTML代码可能存在错误,导致按钮无法正确显示。你可以检查一下按钮的HTML代码,确保没有缺少闭合标签或者其他语法错误。
  4. JavaScript交互问题:如果按钮的样式是通过JavaScript动态设置的,可能是JavaScript代码中存在问题导致按钮没有正确显示。你可以检查一下JavaScript代码,看是否有错误或者逻辑问题。

总结起来,按钮没有变灰和没有边框可能是由于CSS样式未正确设置、CSS样式被覆盖、HTML代码错误或者JavaScript交互问题导致的。你可以逐一排查这些可能性,找出问题所在并进行修复。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

认识区块链,认知区块链——热闹是它们什么也没有

(请不要将币混淆成区块链)相比去年火热,今年确实冷清了不少,很多团队发展困难,甚至解散,区块链技术应用依旧需要时间催化。...国际国内区块链新闻是接连不断,说明区块链市场还是很广阔,只不过囿于目前技术环境,还没有一款像样应用出来,导致很多产品停留在纸面上。...没有人可以做这个保证,数据只是篡改成本高,并非不能被更改,算力足够强大或投票权足够多时候,实际上是可能发生。所以数据上链依赖人工的话,依然存在着数据不真实问题。...一项成熟产品面世,需要强有力技术、人财物支撑,不是简单写个White Paper就完事了。 区块链技术前景广阔,发展曲折是必然,人工智能突破也仅仅是在这几年,前面的几十年都是在探索。...如果能静下心来,保持不断学习,相信回报也会很大,个人就比较看好区块链技术,虽然一直在岸上没下水。 -End-

59020

为什么HibernateDaoSupport没有注入SessionFactory

前言 很早之前,就打算写这一篇文章了(其实有很多源码分析文章打算写,但是自己太拖延了导致很多文章搁浅了)。为什么要写这一文章呢?...事情缘由是同事在SpringBoot项目中有一个A类继承HibernateDaoSupport,但是程序运行总是抛出没有成功注入SessionFactory错误,后来debug Spring源码解决了这个问题...这个错误原因是A类RootBeanDefinition中autowireMode值为0,在AbstractAutowireCapableBeanFactory类中populateBean方法中没有执行到...autowireByName(beanName, mbd, bw, newPvs),导致SessionFactory属性没有注入成功。...beanFactory)方法中不要使用beanFactory.getBean()会造成类性早熟,最终后果就是类中一些属性没有成功注入。

3K10
  • 这100个按钮就不信没有适合你

    大家好,是前端实验室大师兄!...我们推荐过很多好用组件库,比如阿里antdev,京东NutUI,国外daisy-UI等等等等,这些组件库不仅实用而且内容也很丰富,不仅有“按钮”,还有“弹窗”,“面包屑”,“图标”,“步骤条”等等...就拿 按钮 来说吧,都是一些常用样式和功能 如果你想添加一些动效,或者修改一些样式,想要变得更加炫酷,更加有趣,这些组件库 按钮 就无法满足了 所以今天大师兄就给大家推荐一个炫酷有趣按钮组件库,...这个组件库就只有按钮这一个组件,而且多达100个,每个按钮样式和动效都不一样,用这个组件库来学习动画,也很不错呦~ UI Buttons 100个现代CSS按钮。...100个样式 这个组件库里有100按钮,每一个样式和动效都不一样,点击链接就能查看详细代码 使用 每个都有提供独立html结构和css样式代码,直接复制粘贴就能使用 接下来我们就用这个来改造一下

    53040

    Spring容器里为什么没有需要Bean?

    Spring容器里为什么没有需要Bean?...,看着小菜在沸点评论区不停滑动,似乎在寻找着什么大瓜 此时小菜似乎察觉到气氛不太对劲,身后似乎有人,于是飞快按下 Windows + 1 弹出Idea开发界面 此时,项目经理开口道:小菜啊,这里有个紧急需求...没过多久,小菜就把需求都搞定了,于是启动服务开始测试 小菜打开测试工具就开始测试接口,但是怎么测试都是404,一开始小菜还以为url写错了,但是检测后发现并没有写错 经过小菜漫长排查,终于发现了问题:...,并把组件加入到容器中,由于没有配置**basePackages**字段,于是只会扫描当前包下组件** 当前包也就是com.caicaijava.springbooteasyframeworks 于是...菜菜后端私房菜

    10321

    为什么用了Redis之后,系统性能却没有提升

    很多时候,我们在面对一些热点数据时候,通常会选择将热点数据放到redis中,以减少数据库查询,减轻数据库压力。但是如果我们使用redis方式不对,那么可能导致系统性能不升反降。...使用缓存场景不正确 我们知道redis是基于内存实现,所以速度会非常快,我们通常会将热点数据放到redis中,以减少对数据库压力。...但是我们为了保证缓存与数据库数据一致性,在数据进行修改时候,我们就需要对缓存进行维护。 所以如果数据变更很频繁的话,就需要对缓存进行频繁维护,缓存命中率也会特别低。...缓存使用场景应该是修改频率不高,查询频率较高场景。如果使用redis场景不对,通常会导致我们得不偿失。 2. key设计不当导致产生了bigkey 什么是bigkey?...如果我们选择appendfsync always的话,虽然数据安全性高,但是每次写入都要刷盘会导致redis性能很大程度降低,所以我们一般会选择appendfsync everysec策略来对数据进行持久化

    1.8K10

    CPS推广:为什么佣金还没有到账呢

    CPS推广奖励佣金,目前无法直接后台提现,需要在次月月结之后,由财务系统统一打款到银行,即推广者后台所填写银行账号,一般上月佣金,次月月末到账,具体时间以银行到账为准。...点击登录推广后台,查看银行信息:https://console.cloud.tencent.com/spread/income 问:为什么佣金没有到账呢?...佣金次月月结,当月推广订单佣金预计次月月底28~31日到账。...如:11月份推广佣金,需要等到该月结束,次月月结即12月,核算11月推广佣金,扣减掉退款降配订单佣金,确定11月总到账佣金,确定12月推广积分,月结结束后更新12月会员星级,最后财务流程付款,...即:实收推广佣金=应收推广佣金-代扣税费(如有)点击查看税费计算说明 问:在哪里查看我佣金收入呢? 目前CPS推广会员积分体系,根据月结佣金当月会员星级,佣金分期支付。

    10.6K60

    #PY小贴士# 抓下来网页为什么没有内容?

    刚刚接触爬虫同学常会遇到这样疑问: 为什么网页上面有的信息,用代码抓下来里面就没有也没有报错?...除开请求本身失败或被反爬情况外,通常这种问题原因其实是: 页面上本来就没有你要内容! 那么网页上内容是哪里来?...现在绝大多数网站内容并非直接通过你访问 URL 请求直接返回,而是会通过一种叫做 AJAX 方法,在页面的基本框架加载完毕后,再通过其他请求向后台服务器再次请求获取。...具体细节不展开了,你可以网上去按给到关键字去搜索相关内容,下次也会专门发下这方面的讲解文章。 那开发者工具里为什么又会在代码里显示出这些内容呢?...这是因为开发者工具元素(Elements)项显示并不是网页原始代码,而是浏览器将页面加载并渲染后结果,它里面包含了异步请求拿到数据和前台JS代码执行后对页面内容修改。

    2.1K20

    别再被小程序置需求给坑了

    让页面,是个敏捷需求 作为研发我们,自然要第一时间跟进,既然各大平台跟进速度都很快,这个对我们来说肯定简单很领导问我多久能够搞定,满怀期待地说,5分钟搞定为了实现对应效果,最好办法就是借鉴...太多了,10分钟就行了,1分钟改代码,4分钟上线,摸鱼5分钟 道理都一样,应该也没有什么问题,既然H5是加在了html上,同理那小程序加在page上就行 领导们估计都要被我这迅猛速度折服了,升职加薪指日可待...由于产品app不方便截图,以下用demo进行实例解析 这是我们小程序页面,想要整个颜色,只需要按照我们刚才所说方法,在app.wxss中添加如下内容即可 page { filter:...肯定有问题,颜色不一样了呗 但是看业务截图,发现事情并没有想象那么简单,不是颜色问题,而是布局乱了,线上大bug,领劵弹窗点开直接在页面中了,本来不可见商品评价都出来了 还有优惠劵列表中有一个领劵中心按钮...,本来是吸底,现在直接在页面中了 当场吓得魂都没了,二话没说赶紧回滚,才恢复正常 为什么不行 回滚完了,该找原因了。

    1.7K130

    昨天网站都变成灰色了,这其中是怎么实现

    也在这里也向全国抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞表达深切哀悼,向所有在抗战在疫情前线工作和医护人员致敬。我们每一个人平安面前,都是英雄的人墙。...网站 今天大家可以看到很多很多网站包括主页和内容也都已经变成了灰色,比如百度、B 站、爱奇艺、CSDN 等等。...滤镜通常用于调整图像,背景和边框渲染。 CSS 标准里包含了一些已实现预定义效果函数。...gray 这个 class 就好了,比如加到 html 节点上就可以全站了。...总结 本篇文章简单介绍了一下今天观察到网站实现,也学习了 filter 更详细用法,希望有帮助。

    2K10

    今天网站都变成灰色了,这其中是怎么实现

    也在这里也向全国抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞表达深切哀悼,向所有在抗战在疫情前线工作和医护人员致敬。我们每一个人平安面前,都是英雄的人墙。...网站 今天大家可以看到很多很多网站包括主页和内容也都已经变成了灰色,比如百度、B 站、爱奇艺、CSDN 等等。...滤镜通常用于调整图像,背景和边框渲染。 CSS 标准里包含了一些已实现预定义效果函数。...gray 这个 class 就好了,比如加到 html 节点上就可以全站了。...总结 本篇文章简单介绍了一下今天观察到网站实现,也学习了 filter 更详细用法,希望有帮助。

    4.4K20

    CSS filter-网页

    本站4月4日全天变,向逝去生命致以崇高敬意! CSS filter filter CSS 属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像,背景和边框渲染。...审查一下网页源代码,我们可以发现在 html 这个地方多了一个疑似的 class,叫做 gray(灰色) 可以看到,我们只要将下面 CSS 样式,加入到页面指定节点,即可实现网页效果,我们将其取消...另外看看我自己站点,也是这个 CSS 样式 因为只是今天哀悼短暂用一哈,所以我直接放到了里面,其完整内容为: <!...IE 不支持 用IE打开发现网页并没有,IE是不支持filter属性,但是影响并不大啦 参考:一段css让全站代码总结 参考:图像灰度(grayscale)实现 各浏览器实现方式 参考:...如何用一行代码实现网页效果?

    87520

    网站App都了,是怎么实现呢?

    估计大家发现了,各大网站、APP都了,原因想必大家都知道了。 粉丝群里有人在问,这是如何做到? 随便打开这些任何一个网站,全站内容都变成了灰色,包括按钮、图片等等。...从事前端开发朋友会以为所有的内容都统一换了一个 CSS 样式,图片也全换成灰色了,按钮等样式也统一换成了灰色样式。...滤镜通常用于调整图像,背景和边框渲染。 CSS 标准里包含了一些已实现预定义效果函数。...filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 这样想要节点只需要加上...gray 这个 class 就好了,比如加到 html 节点上就可以全站了。

    1.2K10

    win10 uwp Fluent Design System 实践

    本文告诉大家收集一些 Fluent Design System 设计,希望能给大家一些帮助 需要知道 Fluent Design System 是微软在最近提出,有 Light、Depth、Motion...如何设计请看 Build Amazing Apps with Fluent Design 下面是从系统收集界面 设置 无边框设计按钮在这里使用,可以看到无边框按钮会在之后很多使用,如果大家在设计按钮时候...无边框按钮请看 [UWP]使用Reveal - dino.c - 博客园,里面的代码直接拿就可以做出无边框按钮,下面是 dino 大神做出界面 需要知道 dino 大神按钮使用设计是 Reveal...,但是dmbyzkfscDycoue.TitleBar.BackgroundColor无论设置为什么没有什么用 然后去到页面,使用毛玻璃 <Grid Background="{ThemeResource...当然后续 Fluent Design System <em>也没有</em>后续了,因此本文就这样

    42520

    像素眼是怎样炼成

    等高元素对齐 等高元素对齐也是很常见,比如下图这种两个等高按钮: ? 这种设计有个小问题,就是右侧浅色边框与左侧色块放在一起时候,视觉上就会感觉右侧高度少一点。...因为右侧边框太接近白色背景,而左侧对比则比较明显,边界更清晰。 但是想说不是这个问题,而是这张图里面的两个按钮,确实在垂直方向上错开了 1px,我们来看放大图: ?...这种情况与字体息息相关,也没有什么好办法,如果内容固定的话,可以考虑为了视觉偏重而刻意采用不对称间距,以此来弥补视觉偏重。...你大概就能估计出蓝文字中间间距也就是 5~6px 了,所以你只需要记住几个常见字号在各种设备上长相,那么你就有了一系列比例尺了。...这里没有考虑放大因素,retina 屏等等,如果把这些都考虑进去的话,那么想“100像素有多宽”也是一道不错面试题。

    1.3K40

    用js实现一个div弹出图层

    用js实现一个弹出图层,具体效果: 点击按钮后弹出图层,图层处于页面中间、带有阴影圆角边框、图层中有input、提交按钮、关闭按钮、标题,弹出后背景页面不可点击、背景。...以下是一个简单JavaScript代码示例: <!...= "none"; document.body.style.overflow = "auto"; } 该代码使用了CSS样式,包含一个按钮和一个弹出图层...单击按钮将调用JavaScript函数来显示图层,并将背景页面设为不可点击状态。关闭按钮也是通过JavaScript函数来实现,当用户单击关闭按钮时,它将隐藏弹出框并将背景页面状态还原。...如果想隐藏JS功能逻辑,可用JShaman对JS代码进行混淆加密,加密后代码是密文状态,不可读、不可分析。

    7.3K50

    为什么在客户端发送信息时候按发送按钮无法发到服务器端?

    一、前言 前几天在Python白银交流群【无敌劈叉小狗】问了一个Python通信问题,问题如下:大家能帮我看看为什么在客户端发送信息时候按发送按钮无法发到服务器端?...具体表现就是点了发送但服务器收不到,如下图所示: 二、实现过程 这里【啥也不懂】给了一个指导,他当时在赶车,电脑不太方便,让粉丝截图了代码,直接看图。这里提出来了几个怀疑点。...顺利地解决了粉丝问题。 如果你也有类似这种Python相关小问题,欢迎随时来交流群学习交流哦,有问必答! 三、总结 大家好,是Python进阶者。...这篇文章主要盘点了一个Python库下载失败问题,文中针对该问题,给出了具体解析和代码实现,帮助粉丝顺利解决了问题。...最后感谢粉丝【无敌劈叉小狗】提出问题,感谢【啥也不懂】给出思路,感谢【莫生气】等人参与学习交流。

    12810

    PyQt5数据库开发单表课设

    ,实现了数据过滤功能(5)点击月薪没过万可以看到确实是展现出月薪没过万工程师,该按钮功能实现(6)点击工具栏添加可以看到下面新增了一行,该按钮实现(7)可以在行内直接添加,或者在右侧添加可以看到该部分功能也可以全部实现...7000,增加了5000一直点击确定,一直到太狼时候此时由于太狼工资已经达到最大限度,所以不能再涨,并且对应工资也没有增加,该功能也得以实现。...好了,这就是以上本次大作业所有功能已经全部实现。但是还有一些可视化资源没有写,为什么呢,因为字段比较少,并且内容不多,感觉可视化资源没啥可以看,因此就没有实现相关功能。...五 实验分析本次实验综合了之前实训项目,利用之前写过实训项目来写自己设计系统,由于功能比较简单,还是比较容易实现,但是依旧花费了不少时间。...正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖!

    23410

    漫画:什么是 “智猪博弈” ?

    导读:故事发生在小学生时代,小和大黄是同班同学...... 作者:小 来源:程序员小(ID:chengxuyuanxiaohui) ? ? ? ? ? ? 智猪博弈讲的是怎么一回事呢?...猪圈一侧有个食槽,相反一侧是一个按钮,每次按下按钮(一段时间内只允许按一次),食槽里就会出现10份猪食。 ? 任何一只猪做出按下按钮举动,都会消耗掉2份体力(1份体力和1份猪食相抵消)。...如果大猪和小猪一起跑去控制按钮,那么大猪可以吃到7份猪食,小猪可以吃到3份猪食: ? 假如这两只猪都具有足够智慧,也都希望自己尽可能少消耗、多吃猪食,那么他们会采取怎么样行动呢? ?...在现实世界商业竞争当中,大企业往往勇于开拓市场,或是把资本投入到科技创新;而小企业往往喜欢坐享其成,跟在大企业后面赚一些小钱。 为什么会这样?是因为小企业老板缺少创新精神吗?当然不是。...小企业没有动力,也没有必要去搞创新。 小企业和大企业之间关系,就好比“智猪博弈”当中小猪和大猪关系。

    79330

    网站都变成灰色了,它是怎么实现

    大家好,是二哥呀。   想必大家都感受到了,很多网站、APP 在昨天都了。   先来感受一下效果。   这种灰色效果怎么实现呢?如何做到图片、文字、按钮效果呢?   ...在网页端按下 F12,打开开发者模式,用元素选择器定位到 HTML 标签上,在「样式」面板中往下翻,就可以看到这样一段代码。   把它复制过来大家看一下。   ...然后把之前代码添加到 HTML 上,然后就可以看到色系变成灰色了。   那这段代码是什么意思呢?   直接把 filter 复制到搜索引擎里看一下。   当参数为 0 时候,颜色是正常。   ...filter 函数可以用来改变图像显示效果,用于 CSS filter 属性。...没有什么使停留——除了目的,纵然岸旁有玫瑰、有绿荫、有宁静港湾,是不系之舟。

    90730
    领券