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;
  }