小编use*_*997的帖子

我有两个表,类别和图像.这里,Category.ID == Images.Category

类别

-----------------------
| ID | parent | name  |
-----------------------
| 1  | 1      | foo   |
| 2  | 1      | bar   |
| 3  | 2      | lorem |
-----------------------

图片

--------------------------------------
| ID  | category    | url            |
--------------------------------------
| 1   | 1           | foo.jpg        |
| 2   | 2           | bar.jpg        |
| 3   | 1           | foo2.jpg       |
--------------------------------------

我试过MySQL Query

SELECT *
FROM `category`
INNER JOIN
(SELECT MAX(ID) , url, category …

要用时尚的假上传按钮替换丑陋的文件上传按钮,我使用如下的jquery.

HTML

<input type='file' name='file' class='file_upload_btn' style='display:none'>
<button class='fake_upload_btn'>Upload Files</button>

jQuery的

$('.fake_upload_btn').click(function() {
    $('.file_upload_btn').click();
})

现在如果我想在Angularjs中做同样的事情,没有Jquery库依赖.

如何使用纯"CSS"样式化下面的图像输入框.我知道这可以通过jquery完成,但如果有办法使用CSS,我会很热心.我从Android的开发者网站上获取了图像.

我做的是HTML,

<form>
    <label>Email Address: </label>
    <div class='left'></div>
    <input type='text' class='input'/>
    <div class='right'></div>
</form>

和CSS,

.left {
    display:inline-block;
    height:7px;
    border-left:1px solid #ccc;
    position:absolute;
    margin-top:23px;
}

.right {
    display:inline-block;
    height:7px;
    border-left:1px solid #ccc;
    position:absolute;
    margin-top:23px;
    margin-left:-1px;           
}

.input {
    display:inline-block;
    height:30px;
    font-size:16px;
    width:250px;
    border:1px solid  #ccc;
    border-width:0px 0px 1px 0px;
    padding:0px 5px;  
    outline:none;
}

.input:hover, .input:focus {
    border-color:#4ab5d9;
}

我正在尝试的是=>也在jsfiddle链接上

唯一的问题是,我找不到改变悬停和焦点上左右边框颜色的方法.