要选择输入文本框的父Div并使用CSS将属性应用于父Div：输入文本框的焦点

Question

嗨，我是设计的新手，

我需要选择输入文本框的父Div并使用CSS将属性应用于父Div：输入文本框的焦点

HTML

<div class="prInput"><input type="text" style="width: 50px"  />%</div>

CSS

.prInput {
  background-color: #fff;
  color: black;
  font-size: 12px;
  font-weight: normal;
}
input[type="text"]:focus + .prInput{
  border: 1px solid #cccccc !important;
  background: green !important; 
}

.prInput input[type="text"]{
  border: none ! important;
}
.prInput input[type="text"]:focus{
  border: none ! important;
}

被修改

我在下面链接也是如此，但它没有工作检查我的JSFiddle

JSFiddle

https://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector?lq=1

is-there-a-css-parent-selector?

提前致谢。