diff --git a/src/components/Input/index.tsx b/src/components/Input/index.tsx
index 84fb975..c118a0f 100644
--- a/src/components/Input/index.tsx
+++ b/src/components/Input/index.tsx
@@ -10,6 +10,7 @@ interface InputProps extends BaseComponentProps {
     inside?: boolean
     autoFocus?: boolean
     type?: string
+    disabled?: boolean
     onChange?: (value: string, event?: React.ChangeEvent<HTMLInputElement>) => void
     onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void
 }
@@ -23,6 +24,7 @@ export function Input (props: InputProps) {
         inside = false,
         autoFocus = false,
         type = 'text',
+        disabled = false,
         onChange = noop,
         onBlur = noop
     } = props
@@ -30,6 +32,7 @@ export function Input (props: InputProps) {
 
     return (
         <input
+            disabled={disabled}
             className={classname}
             style={style}
             value={value}
diff --git a/src/containers/Settings/index.tsx b/src/containers/Settings/index.tsx
index 383bb51..b02df03 100644
--- a/src/containers/Settings/index.tsx
+++ b/src/containers/Settings/index.tsx
@@ -152,6 +152,7 @@ export default function Settings () {
                         </Col>
                         <Col span={8}>
                             <Input
+                                disabled={clashXData.isClashX}
                                 value={info.socks5ProxyPort}
                                 onChange={socks5ProxyPort => set('socks5ProxyPort', +socks5ProxyPort)}
                                 onBlur={handleSocksPortSave}
@@ -166,6 +167,7 @@ export default function Settings () {
                         </Col>
                         <Col span={8}>
                             <Input
+                                disabled={clashXData.isClashX}
                                 value={info.httpProxyPort}
                                 onChange={httpProxyPort => set('httpProxyPort', +httpProxyPort)}
                                 onBlur={handleHttpPortSave}