我想样式自动完成内部的部分,但我不知道要放什么东西在CSS 的章节.我特意想做:
color: #96f226;
border-radius: 0px;
border: 1px solid #454545;
Run Code Online (Sandbox Code Playgroud)
有什么建议???
首先,我是初学者.我想要一步一步的指导.
我想为Wordpress中的链接添加平滑的背景悬停效果
a {
color:#000;}
a:hover {
background-color: #d1d1d1; color:#fff;
}
Run Code Online (Sandbox Code Playgroud)
我希望链接上的悬停缓慢而不是即时.我需要任何JavaScript或jQuery吗?如果是这样,请告诉我如何做到这一点.
我::-webkit-scrollbar
用来在Chrome中制作自定义滚动条.我有一个border-radius: 10px
,在这样做,顶部有白色的角落:
对不起,这很难看,因为它是一个滚动条.
我希望角落与标题div(#dadae3
)的颜色相同.有没有办法在不改变滚动条样式的情况下使用CSS摆脱白角?
CSS(整个):
body {
padding: 0;
margin: 0
}
::-webkit-scrollbar {
width: 13px;
}
::-webkit-scrollbar-track {
background: #ffffff;
border-radius: 10px;
border: 1px solid #aeaeb5
}
::-webkit-scrollbar-thumb {
background: #dadae3;
border-radius: 10px;
border: 1px solid #aeaeb5
}
::-webkit-scrollbar-thumb:hover {
background: #c4c4cc
}
::-webkit-scrollbar-thumb:active {
background: #aeaeb5
}
Run Code Online (Sandbox Code Playgroud)
HTML:
<div style='background: #dadae3; width: 100%; height: 30px;'></div>
<div style='width: 100%; height: 1000px'></div>
Run Code Online (Sandbox Code Playgroud) 我想在php中使用ajax上传多个视频.为此我在jQuery中尝试了FormData().但它只上传了一张图片,而不是更多.
我的表格文件:
<form enctype="multipart/form-data" action="/test.php"
method="post" class="putImages">
<input name="media[]" type="file" multiple/>
<input class="button" type="submit" alt="Upload" value="Upload" />
<button type="button" id="add"></button>
</form>
Run Code Online (Sandbox Code Playgroud)
我的jQuery文件:
<script type="text/javascript">
$(document).ready(function() {
$("#add").click(function() {
var $div = $('div[id^="inputdiv"]:last');
var num = parseInt($div.prop("id").match(/\d+/g), 10) + 1;
var $klon = $div.clone().prop('id', 'inputdiv' + num).appendTo("#athleteRegister").insertBefore("#submitbutton");
$('#inputdiv' + num).find("input").attr('name', 'file[' + num + ']');
$('#inputdiv' + num).find("input").val("");
$('#inputdiv' + num).find("input").attr('id', 'file' + num);
$('#inputdiv' + num).find("input").css("outline", "none");
$('#inputdiv' + num).find("div.col-sm-1 i").attr('class', 'fa fa-minus');
$('#inputdiv' + num).find("div.col-sm-1 button").attr('id', 'remove');
$('#inputdiv' …
Run Code Online (Sandbox Code Playgroud) 这是宾.我试图通过location.reload()
在函数中refresh()
使用并使用onclick='refresh()'
按钮来重新加载页面的示例.由于某种原因,页面没有重新加载.
JS功能:
function refresh() {
location.reload();
}
Run Code Online (Sandbox Code Playgroud)
HTML按钮:
<button onclick='refresh()'>Try Refreshing!</button>
Run Code Online (Sandbox Code Playgroud) 这是小提琴.我试图通过使用a <div>
和应用颜色来创建我自己的复选框$().css()
.当您单击时div
,我试图$().toggleClass()
在单击功能中使用将背景颜色更改为#96f226
jQuery的:
$('div').mouseenter(function(){
$(this).css('background','#656565');
});
$('div').mouseleave(function(){
$(this).css('background','#4a4a4a');
});
$('div').click(function(){
$(this).toggleClass('active');
});
Run Code Online (Sandbox Code Playgroud)
HTML:
<div></div>
Run Code Online (Sandbox Code Playgroud)
CSS:
div {
width: 15px;
height: 15px;
background: #4a4a4a;
cursor: pointer;
}
.active {
background: #96f226
}
Run Code Online (Sandbox Code Playgroud) 这是小提琴.我正在制作一个购物清单网络应用程序,我正在使顶级div成为一个固定的位置.当我这样做时,div似乎与页面的其余部分重叠.我已经尝试在css(position: relative; position: fixed
)中使用两个位置,但这不会让div保持固定.
CSS(对于div):
#top {
width: 100%;
height: 40px;
background: #96f226;
text-align: center;
font-size: 30px;
color: #252525;
position: relative;
position: fixed;
}
Run Code Online (Sandbox Code Playgroud)
HTML(对于div):
<div id='top'>Kitchen List</div>
Run Code Online (Sandbox Code Playgroud) 我正在使用Bootstrap 3.0,并且正在使用Twitter Bootstrap Glyphicons。我正在尝试使用“ glyphicon glyphicon-plus”,但是当我将它放在类中时,它没有显示。
PS我正在使用页面http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css链接到引导程序
码:
我只有一个图标,没有样式。
<button id='b'><span class='glyphicon glyphicon-plus'></span></button>
Run Code Online (Sandbox Code Playgroud) css ×6
html ×5
javascript ×4
jquery ×4
ajax ×1
background ×1
css-position ×1
css3 ×1
html5 ×1
jquery-ui ×1
reload ×1
toggleclass ×1
webkit ×1
wordpress ×1