Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Archives
Today
Total
관리 메뉴

Kimyeongkyung

input type="file" css 변경하기 본문

important

input type="file" css 변경하기

yeongk0825 2022. 4. 16. 14:38
<div className="imgBox">
        <label htmlFor="image">Button</label>
        <input type="file" id="image" />
</div>

 

<styled-components>

.imgbox label {
  display: inline-block;
  padding: .5em .75em;
  color: #999;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #FDFDFD;
  cursor: pointer;
  border: 1px solid #EBEBEB;
  border-bottom-color: #E2E2E2;
  border-radius: .25em;
}  .imgbox input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
  }