小编Mes*_*aal的帖子

如何在标题文本上创建字段集图例样式的"背景线"?

我正在尝试设置标题文字的样式,类似于默认图例文字在字段集中的显示方式; 也就是说,我想要一条类似删除线的行,而不是通过文本.我似乎无法找到有关如何实现这一目标的任何信息,因为在许多其他问题上,Google总是指示我使用Stack Overflow获取答案,我认为有人可以给我建议.

为了更清晰.我试图在标题文本上获得此效果:

                               中心标题文本                               

有没有办法做到这一点?

css header fieldset legend

14
推荐指数
1
解决办法
1万
查看次数

检查JavaScript函数是否返回而不执行它?

我有一个给定的函数,除了其他参数之外,还有两个可选参数,它们可能是函数.两者都需要是可选的,一个是函数,一个是布尔值或返回布尔值的函数.

// Obj.func(variable, String[, Object][, Boolean||Function][, Function]);
Obj.func = function(other, assorted, args, BoolOrFunc, SecondFunc) {
    // execution
};

Obj.func(
    [
        'some',
         'data'
    ],
    'of varying types',
    {
        and: 'some optional arguments'
    },
    function() {
        if(some condition) {
            return true;
        }
        return false;
    },
    function() {
       // do things without returning
    }
);
Run Code Online (Sandbox Code Playgroud)

我希望两个函数(以及其他几个参数,如果重要)是可选的,这意味着我在函数中有代码来确定用户打算使用哪些参数.

不幸的是,因为两者都可能是函数,并且可能直接在函数调用中指定,所以我不能简单地使用typeofinstanceof条件.但是,由于第一个函数(如果存在)将始终返回一个布尔值(并且第二个函数根本不会返回),我有一个想法是检查它的返回值:

if(typeof BoolOrFunc === 'boolean'
   || (typeof BoolOrFunc === 'function' && typeof BoolOrFunc() === 'boolean')) {
    // BoolOrFunc is either a …
Run Code Online (Sandbox Code Playgroud)

javascript conditional return function

7
推荐指数
1
解决办法
792
查看次数

标签可以与其控制的表单元素分开放置吗?

CSS Tricks 记录了一种称为“复选框黑客”的内容,其中根据复选框是否被选中来设置元素的样式。通过设置元素的样式来实现此功能,<label>使其显示为链接或按钮,并在单击时切换文档元素的样式。

\n\n

在提供的演示中,复选框紧跟在描述它的标签后面,这是我通常在 \xe2\x80\x94 中看到的标签的配置,标签要么紧接在其之前,紧接其后,要么封装其控制的表单元素。

\n\n

但是,在我的特定用例场景中,我需要复选框的状态来设置跨多个 DOM 节点的多个元素的样式。由于 CSS 没有父选择器,并且复选框的状态与其控制的所有元素的样式密切相关,因此我认为有必要使用相对的 CSS 选择器(例如~或 )+来设置元素的样式。这需要将复选框放置在包含其标签的 DOM 节点之外:

\n\n

\r\n
\r\n
/* Checkbox Hack */\r\n\r\ninput[type=checkbox] {\r\n  position: absolute;\r\n  top: -9999px;\r\n  left: -9999px;\r\n}\r\nlabel {\r\n  cursor: pointer;\r\n}\r\n/* Default State */\r\n\r\ndiv {\r\n  background: green;\r\n  width: 400px;\r\n  height: 100px;\r\n  line-height: 100px;\r\n  color: white;\r\n  text-align: center;\r\n}\r\n/* Toggled State */\r\n\r\ninput[type=checkbox]:checked ~ div label {\r\n  color: red;\r\n}\r\ninput[type=checkbox]:checked ~ div div {\r\n  background-color: red;\r\n}
Run Code Online (Sandbox Code Playgroud)\r\n
<input type="checkbox" id="toggle-1">\r\n<div>\r\n …
Run Code Online (Sandbox Code Playgroud)

html css forms checkbox dom

5
推荐指数
1
解决办法
1309
查看次数

标签 统计

css ×2

checkbox ×1

conditional ×1

dom ×1

fieldset ×1

forms ×1

function ×1

header ×1

html ×1

javascript ×1

legend ×1

return ×1