是否可以<p>使用css 小提琴在几秒钟(10到20秒)后更改元素的背景颜色？我不想使用js.
<p style="background:#E1FEE0;">Human</p>
的CSS
body, html {
background: violet
}
* {
margin: 0;
padding: 0
}
.fixed {
height: 100%;
width: 300px;
background: #fff;
right: 0;
position: absolute;
top: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-left: 1px solid red;
}
.container {
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
overflow-y: auto;
box-sizing: border-box;
padding: 30px 60px;
}
.footer {
border-top: 1px solid #f0f0f0;
box-sizing: border-box; …借助这个答案(获取所有css类背景和颜色属性值),我可以获得所有CSS类的背景和颜色属性值.它在我使用内部css代码时有效.
现在,我有超过35个外部CSS样式表.当我尝试下面的代码时,它只返回第一个外部CSS文件输出.无法获取剩余的样式表背景和颜色属性值.如何访问剩余的样式表？
$('#nightMode').on('click', function() {
// var color = $("body").css("background");
// var test = invertColor("#00a3fe");
// console.log(color);
let styles = document.styleSheets;
const rgbToHex = (rgbStr) => !rgbStr ? '':'#' + rgbStr
.slice(4,-1)
.split(', ')
.map(x => (+x).toString(16).padStart(2, '0'))
.join('');
let cssArr =[...styles[0].cssRules].map(x=> ({
class: x.selectorText,
background: rgbToHex(x.style.background),
color: rgbToHex(x.style.color)
} ));
let genCssStr='';
genCssStr+= '<style> \n\n';
cssArr.forEach(x=> genCssStr+=`${x.class}{\n` +
(x.background ? ` background:${invertColor(x.background)};\n` : '') +
(x.color ? ` color:${invertColor(x.color)};\n` : '') + `}\n\n`);
genCssStr+= '</style>';
console.log(styles);
console.log(genCssStr); …我的数据库表中有一个状态列.键入:tinyint(4),默认值为0.我想将默认值更改为1.如何做？可能这是一个非常简单的问题,但我不知道.
我想提交一份表格<button>而不是<input>.我知道<button>不能像提交那样处理表单<input>,我必须使用onclick方法.
我尝试了几件事但它不起作用
<button name="<?php echo $name; ?>" onclick="document.<?php echo $this->action; ?>.submit()"> ... ( Action URL of the form )
<button name="<?php echo $name; ?>" onclick="document.iso<?php echo rand(); ?>.submit()">... ( name of the form )
<button name="<?php echo $name; ?>" onclick="window.location.href='<?php echo $this->action; ?>'">... ( Action url of the form )
有人知道答案吗？
我在这里尝试过Jsfiddle.现在我想慢慢地从左到右快速地动画中心针尖.我听说过css关键帧并尝试过.但是,它左右.我没有得到预期的结果.如何使用纯css为此针设置动画？
CSS
#logo
{
display: inline-block;
position: relative;
}
#logo .speedometer
{
width: 80px;
height: 80px;
border-radius: 100%;
border: 20px solid #000;
border-right: 20px solid white;
border-bottom: 20px solid white;
-webkit-transform: rotate(45deg);
display: inline-block;
}
#logo .needle
{
width: 5px;
height: 50px;
background: #999999;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 100%;
border-top-right-radius: 100%;
display: inline-block;
left: 57px;
position: absolute;
top: 10px;
}
HTML
<div id="logo">
<span class="speedometer"></span>
<span class="needle"></span>
</div>
是否可以将样式应用于列？例如,假设我希望第二列为红色(实际上它更复杂).下面/ 这个演示我给了第二列b类,但我不知道如何让每一行的第二列变红.我只知道如何设置标题样式
.b { color: red; }
<table>
<th>a</th>
<th class="b">b</th>
<th>a</th>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</tbody>
</table>
我使用过完美的滚动条 js 插件。滚动条工作正常。但是当我为另一个内容（同一页面）再次添加此滚动条时，它不适用于 second div。如何使用此插件在同一页面中添加多个滚动条？
JS
jQuery(document).ready(function ($) {
"use strict";
$('#Default').perfectScrollbar();
});
CSS
#Default.contentHolder { position:relative; margin:0px auto; margin-top: 20px; padding:0px; width: 285px; height: 450px; overflow: hidden; border: 1px solid #CCC; }
HTML
<div id="Default" class="contentHolder">
/*content goes here. scrollbar works fine here */
</div>
<div id="Default" class="contentHolder">
/*another content goes here. scrollbar does not work here*/
</div>
我正在尝试直接将图像插入到mysql数据库表中.在我的数据库中,我总是得到[BLOB - 0B].它不会将图像插入表格中.我也没有得到任何错误.我糊涂了..
PHP
ini_set('display_startup_errors',1);
ini_set('display_errors',1);
error_reporting(-1);
include('config.php');
if (isset($_FILES['image']) && $_FILES['image']['size'] > 0)
{
$tmpName = $_FILES['image']['tmp_name'];
$fp = fopen($tmpName, 'r');
$data = fread($fp, filesize($tmpName));
$data = addslashes($data);
fclose($fp);
}
try
{
$stmt = $conn->prepare("INSERT INTO images ( picture ) VALUES ( '$data' )");
// $stmt->bindParam(1, $data, PDO::PARAM_LOB);
$conn->errorInfo();
$stmt->execute();
}
catch(PDOException $e)
{
'Error : ' .$e->getMessage();
}
HTML
<form action="upload.php" method="post">
<input id="image" name="image" type="file" />
<input type="submit" value="Upload" />
</form>
我想获得所有CSS声明的所有背景和颜色属性值.
例如:
body {
background: #fff;
}
.aaa {
background: #dedede;
color: #000
}
.text {
color: #333;
padding: 10px
}
我想获得这样的输出,并且这些属性的值需要存储在数组中.
body {
background: #fff;
}
.aaa {
background: #dedede;
color: #000
}
.text {
color: #333;
}
我尝试使用jQuery来做到这一点.我可以得到一个特定类的背景属性值,如.aaa或.text.我如何获得所有类的值？
$('#btn-invert').on('click', function() {
var color = $("body").css("background");
// var test = invertColor("#00a3fe");
console.log(color);
});