仅使用断开输入的风格化 css

我有一个奇怪的情况。 我正在尝试时尚禁用的输入按钮，因为我有一个令人讨厌的光标指导，将文本变成白色。 这使得它使用户困惑，因为它充当了常规按钮。

我尝试了一些事情 css 和几个 jQuery 东西的。 我想保持它 css, 如果这通常是可能的。

这是我的 html, 对不起，它是助理幼虫的形式。


{{ Form::submit/'Change', array_merge/$design_project->is_locked ? ['disabled' => 'disabled'] : [], ['class' => 'btn btn-blue span3']// }}


这就是浏览器生成的内容


<input class="btn btn-blue span3" disabled="disabled" type="submit" value="Change"/>


而且我在这样的事情上工作


.btn:hover input[disabled], .btn:active input[disabled], .btn:focus input[disabled]{

 color:green

}


任何帮助都会很棒！
2021-03-20 添加评论
分享

没有找到相关结果

    已邀请:

    八刀丁二

    赞同来自:

    用它 CSS /
    http://jsfiddle.net/5vnHX/446/
    /:


    input:disabled.btn:hover,
    
input:disabled.btn:active,
    
input:disabled.btn:focus {
    
 color: green
    
}


    您必须在左侧和右侧的内部元素上写下最大的外部元素。


    .btn:hover input:disabled

    将选择类项目中包含的任何断开连接的输入元素
    btn

    , 目前挂在用户身上。

    我会比较喜欢
    :disabled

    反而
    [disabled]

    , 查看此问题以讨论：
    https://coderoad.ru/20141450/
    顺便一提， Laravel /PHP/ 生成 HTML - 不是浏览器。
    2021-03-20 0 0
    分享

    君笑尘

    赞同来自:

    让我们说你有 3 纽扣：


    <input disabled="disabled" type="button" value="hello world"/>
    
<input disabled="" type="button" value="hello world"/>
    
<input type="button" value="hello world"/>


    要使已禁用的按钮时尚，您可以使用以下内容 css:


    input[type="button"]:disabled{
    
 color:#000;
    
}


    这将仅影响禁用的按钮。

    要停止悬停光标时的颜色更改，还可以使用它：


    input[type="button"]:disabled:hover{
    
 color:#000;
    
}


    您也可以避免这种使用 css-reset.
    2021-03-20 0 0
    分享

    三叔

    赞同来自:

    符号在选择器中 CSS 选择子元素。


    .btn input


    它基本上是你写的，他会选择
    <input/>

    任何元素内的元素
    btn

    .

    我想你正在寻找


    input[disabled].btn:hover, input[disabled].btn:active, input[disabled].btn:focus


    它可以选择
    <input/>

    具有属性的元素
    disabled

    和班级
    btn

    在三个不同的州
    hover

    ,
    active

    和
    focus

    .
    2021-03-20 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    Copyright © 2023, All Rights Reserved