我正在尝试设置标题文字的样式,类似于默认图例文字在字段集中的显示方式; 也就是说,我想要一条类似删除线的行,而不是通过文本.我似乎无法找到有关如何实现这一目标的任何信息,因为在许多其他问题上,Google总是指示我使用Stack Overflow获取答案,我认为有人可以给我建议.
为了更清晰.我试图在标题文本上获得此效果:
中心标题文本
有没有办法做到这一点?
我有一个给定的函数,除了其他参数之外,还有两个可选参数,它们可能是函数.两者都需要是可选的,一个是函数,一个是布尔值或返回布尔值的函数.
// 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)
我希望两个函数(以及其他几个参数,如果重要)是可选的,这意味着我在函数中有代码来确定用户打算使用哪些参数.
不幸的是,因为两者都可能是函数,并且可能直接在函数调用中指定,所以我不能简单地使用typeof或instanceof条件.但是,由于第一个函数(如果存在)将始终返回一个布尔值(并且第二个函数根本不会返回),我有一个想法是检查它的返回值:
if(typeof BoolOrFunc === 'boolean'
|| (typeof BoolOrFunc === 'function' && typeof BoolOrFunc() === 'boolean')) {
// BoolOrFunc is either a …Run Code Online (Sandbox Code Playgroud) CSS Tricks 记录了一种称为“复选框黑客”的内容,其中根据复选框是否被选中来设置元素的样式。通过设置元素的样式来实现此功能,<label>使其显示为链接或按钮,并在单击时切换文档元素的样式。
在提供的演示中,复选框紧跟在描述它的标签后面,这是我通常在 \xe2\x80\x94 中看到的标签的配置,标签要么紧接在其之前,紧接其后,要么封装其控制的表单元素。
\n\n但是,在我的特定用例场景中,我需要复选框的状态来设置跨多个 DOM 节点的多个元素的样式。由于 CSS 没有父选择器,并且复选框的状态与其控制的所有元素的样式密切相关,因此我认为有必要使用相对的 CSS 选择器(例如~或 )+来设置元素的样式。这需要将复选框放置在包含其标签的 DOM 节点之外:
/* 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)