美文网首页
内联样式之三目运算

内联样式之三目运算

作者: 望月Jarvis | 来源:发表于2019-03-16 12:32 被阅读0次

style="color:{{条件 ? '值1' : '值2'}}"
举例:

style="background: {{(firstValue.length >= 6 && againValue.length >=6) ? '#1969FC' : '#C7C7C7'}} "
//或者
style="color:{{selected ? '#C7C7C7' : '#D40C69'}}"

内联样式要用英文下的双引号,值要用单引号;

相关文章

  • 内联样式之三目运算

    style="color:{{条件 ? '值1' : '值2'}}"举例: 内联样式要用英文下的双引号,值要用单引号;

  • 关于vue的一些简单但容易写错或者不知道怎么写的总结

    1.根据三目运算写内联样式: 2动态写class: 3.在内部引入less 例: @import"static/c...

  • CSS修饰

    1. 内部样式 2. 内联样式 3. 引用外部样式 内部样式如下: 内联样式如下: 引用外部样式 优先级:内联样式...

  • 前端知识 | css样式的引用方式及不用引用方式的解析优先级

    在html页面中引用css的方式有3种:分别是内联样式、内部样式和外联样式。 一、 内联样式 内联样式写在html...

  • css样式优先级

    一:CSS代码放置的位置 内联样式 > 内嵌样式 > 外嵌样式 1、内联样式:style 2、内嵌样式: ...

  • css 总结

    内部与内联样式内部样式:style属性 adfjk 内联样式:style标签 #div2{ ...

  • JS调用Dom属性方法因三种css样式而不同

    css样式表有三种样式,一、内联样式在HTML标签用style属性设置,如 : 这是内联样式 二、嵌入样式通过 标...

  • React:编写样式方式

    样式策略主要有以下几种: 内联样式: 内联样式就是在JSX元素中,直接定义行内的样式; CSS样式表: 这也是我们...

  • 内联样式

    1、内联样式style 接受动态样式,在运行时会进行解析,用于控制样式的调整定义单一元素,或使用中发生较大变化的y...

  • Day07

    一.样式 1.1内联样式和常规样式 常规样式的话,方便调试修改而内联样式写法不方便修改和调试 二.输入框和表单 1...

网友评论

      本文标题:内联样式之三目运算

      本文链接:https://www.haomeiwen.com/subject/yeojmqtx.html