css - 在 Odoo10 中选中复选框时，复选框轮廓消失

Question

需要根据 TreeView 中的条件永久地向复选框添加轮廓，通过添加轮廓样式和轮廓颜色作为复选框轮廓中的样式显示如下

但是当点击复选框轮廓消失。 还添加了自定义 CSS

input[type="checkbox"]:focus {
 background: red !important;
 outline:0px auto red !important;
} 

Answer 1

我找到了一些可能对你有帮助的例子

在 account.invoice_form View 中:

  <group class="oe_subtotal_footer oe_right  invoice-residual-view">
        <field  name="residual" groups="account.group_account_user" 
            widget="monetary" options="{'currency_field': 'currency_id'}"/>
  </group>

在我们的自定义 styles.css 中:

  .invoice-residual-view {
      font-size: 24px;
      color: #154734;  !important;
      border: 3px solid #009A44;
      font-weight: bold;
   }
      .openerp .oe_form .oe_subtotal_footer.invoice-residual-view 
      td.oe_form_group_cell {
      vertical-align: middle;
      padding: 3px 6px 3px 3px !important;
   }