小编esh*_*orn的帖子

从Chrome中的css自定义样式按钮中删除蓝色边框

我正在开发一个网页,我想要自定义样式的<button>标签.所以用CSS,我说:border: none.现在它在safari中完美运行,但在chrome中,当我点击其中一个按钮时,它会在它周围放置一个恼人的蓝色边框.我想button:active { outline: none }或者button:focus { outline:none }会工作,但两者都没有.有任何想法吗?

这是它在被点击之前的样子(以及我希望它在被点击之后仍然看起来如何):

这就是我所说的边界:

在此输入图像描述

这是我的CSS:

button.launch {
    background-color: #F9A300;
    border: none;
    height: 40px;
    padding: 5px 15px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-right: 10px;
}

button.launch:hover {
    cursor: pointer;
    background-color: #FABD44;
}

button.change {
    background-color: #F88F00;
    border: none;
    height: 40px;
    padding: 5px 15px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    margin-right: 10px;
}

button.change:hover {
    cursor: pointer;
    background-color: #F89900;
}

button:active { …
Run Code Online (Sandbox Code Playgroud)

css google-chrome

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

按Tab键时跳过输入

我有一个表单,其中有三个输入框,旁边有三个下拉选择标签.我希望能够按Tab键并从一个输入转到另一个输入,但您必须按两次,因为它会在输入框后面的下拉菜单中按下.有没有办法可以让它"跳过"下拉菜单,当你按Tab键时直接进入下一个输入框?

html

33
推荐指数
2
解决办法
2万
查看次数

Javascript使用参数多次调用函数

这不是完全必要的,我只是想简化我的代码.这就是我所拥有的:

   function fillWebsitePlaceFiller(number) {
     document.getElementById("placefillerWebsite" + number).innerHTML = placefillerWebsite;
   }

            fillWebsitePlaceFiller(1);
            fillWebsitePlaceFiller(2);
            fillWebsitePlaceFiller(3);
            fillWebsitePlaceFiller(4);
            fillWebsitePlaceFiller(5);
            fillWebsitePlaceFiller(6);
            fillWebsitePlaceFiller(7);
Run Code Online (Sandbox Code Playgroud)

有没有办法可以只调用一次这个函数,每个参数会运行7次?

javascript

11
推荐指数
3
解决办法
3万
查看次数

SQL查询只选择孙子

我对SQL很陌生,试图绕过它,但它有点令人困惑.这是我正在使用的简化版本.

我有这个表叫people:

+----+------------+-----------+
| id | name       | parent_id |
+----+------------+-----------+
|  1 | Bob        | 3         |
|  2 | John       | 5         |
|  3 | Larry      | 4         |
|  4 | Kevin      | 0         |
|  5 | Kyle       | 0         |
|  6 | Jason      | 5         |
|  7 | Mildred    | 4         |
|  8 | Mabel      | 6         |
+----+------------+-----------+
Run Code Online (Sandbox Code Playgroud)

上表是一份人员名单.他们的parent_id列指的是他们的父母是谁.如果桌子上没有父母,则他们的parent_id为0.

现在,我希望能够获得每组人员的单独列表:祖父母,子女和孙子女.

很容易得到祖父母(拉里和凯文),我可以这样查询:

SELECT name FROM people WHERE parent_id = …
Run Code Online (Sandbox Code Playgroud)

mysql sql

6
推荐指数
1
解决办法
3223
查看次数

Javascript:检查数组的所有元素是否与变量相同,或者都不是

我有一个javascript变量,它是一个数组数组.然后我在它下面有一个变量.像这样:

var cars = [
    ["ford mustang",1955,"red"],
    ["dodge dart",1963,"green"],
    ["pontiac",2002,"green"],
]

var colour = "blue";
Run Code Online (Sandbox Code Playgroud)

现在我需要检查每个数组的第三个值是否与变量完全相同colour,或者它们都是不同的.如果其中一个条件为真,我想执行一些其他代码.所以在上面的例子中,条件是真的,因为没有值是"蓝色".如果他们都是"蓝色"也是如此.

希望我已经清楚了.

javascript arrays

4
推荐指数
2
解决办法
6710
查看次数

开放天气API

所以,我正在为不同的社区制作一堆网页,在每个网页上我都想要一个可以自定义的小天气框,只包含城镇名称、当前温度和当前天气状况。我希望能够完全按照我想要的方式来设计它。我发现这个名为Open Weather Map 的网站似乎完全符合我的要求。问题是我不知道如何使用 JSON。这可能很容易,但我似乎已经迷失在我尝试过的任何在线教程中。

这是页面 URL 的示例,用于加载一些 JSON。http://api.openweathermap.org/data/2.5/weather?q=英国伦敦

我可以将它包含在我的文件中并动态更改城市和国家/地区代码以获得我想要的城市。但是我如何将它加载到我的天气箱中?假设这就是我所拥有的:

<div class="weatherbox">

  <strong class="city>{CITY NAME HERE}</strong>
  <span class="temperature">{X} °C</span>
  <p class="weatherdescription>{WEATHER DESCRIPTION HERE}</p>

</div>
Run Code Online (Sandbox Code Playgroud)

那么如何从 JSON 访问数据呢?我希望它尽可能简单地完成。我是否包含这样的文件以访问对象,还是更复杂?

<script type="javascript" src="http://api.openweathermap.org/data/2.5/weather?q=London,uk"></script>
Run Code Online (Sandbox Code Playgroud)

html json weather-api

3
推荐指数
1
解决办法
4744
查看次数

CSS中h1下的双下划线

我希望我的h1下面有两个边框.一个是厚的,只是文本的宽度,第二个是更薄的和整个容器的宽度.

像这样:

在此输入图像描述

我怎么能用CSS做到这一点?

我已经尝试了很多东西,看起来很容易,但我无法理解!我也找不到像这样的任何其他论坛或帖子.

html css

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

带参数的Javascript函数

我有两个变量是字符串:month1Digit1和month1Digit2.它们一起组成一个月的十进制数字(01-12),因此month1Digit1总是0或1,而month1Digit2可以是0以外的任何数字.现在我有几个,如month2Digit1,等等.想要一个可以从这些变量中确定月份名称的函数.但我不想为每个组编写一个单独的函数,因为它有不同的变量.从搜索周围看起来我需要用参数做一个函数,但我不确定这是如何工作的.我尝试了以下方法:

var month1Digit1 = "1";
var month1Digit2 = "2";

function getMonthName (month) {
    if (month == "1") { month = "January" }
    else if (month == "2") { month = "February" }
    else if (month == "3") { month = "March" }
    else if (month == "4") { month = "April" }
    else if (month == "5") { month = "May" }
    else if (month == "6") { month = "June" }
    else if (month == "7") { month = …
Run Code Online (Sandbox Code Playgroud)

javascript

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

现代jquery选择器是否向后兼容?

所以我知道如何使用javascript,并且刚刚开始尝试学习jquery.当你选择一个元素时$('css-selecor'),我只是想知道可以使用哪些选择器.我想使用类似的东西:nth-child(n),这是一个CSS3选择器.现在我的问题是,用户的浏览器是否必须与CSS3兼容才能工作,或者jquery是否构建为使用这些选择器来定位元素而不管浏览器?

我正在使用jquery 1.9.1

css jquery css-selectors css3 jquery-selectors

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

Javascript评论练习

最近,在javascript中使用评论我遇到了一些关于评论系统的问题.我想评论一个变量的名称,所以我在声明名称之后把它放在同一行上,如下所示:

var wk /* (website key) */ = 1;
Run Code Online (Sandbox Code Playgroud)

现在我认为这是完全有效的,并且工作正常,对吧?

不久之后,我想要注释掉该行所在的整个代码块,如下所示:

/*

~ more code ~
var wk /* (website key) */ = 1;
~ more code ~

*/
Run Code Online (Sandbox Code Playgroud)

但这不起作用,因为当内部评论结束时,它会关闭整个评论.这对我来说似乎有些愚蠢.有没有办法在javascript中进行嵌套注释?

javascript comments

0
推荐指数
1
解决办法
109
查看次数