diff --git a/README.md b/README.md
index fce836a5..fc91fe57 100644
--- a/README.md
+++ b/README.md
@@ -71,7 +71,7 @@ ReactDOM.render(<Pagination />, container);
 | showQuickJumper              | show quick goto jumper                                    | Bool / Object                                                                                                                                        | false / {goButton: true}                                                               |
 | showTotal                    | show total records and range                              | Function(total, [from, to])                                                                                                                          | -                                                                                      |
 | className                    | className of pagination                                   | String                                                                                                                                               | -                                                                                      |
-| simple                       | when set, show simple pager                               | Object                                                                                                                                               | null                                                                                   |
+| simple                       | when set, show simple pager                               | Bool / { readOnly?: boolean; }                                                                                                                       | -                                                                                      |
 | locale                       | to set l10n config                                        | Object                                                                                                                                               | [zh_CN](https://github.com/react-component/pagination/blob/master/src/locale/zh_CN.js) |
 | style                        | the style of pagination                                   | Object                                                                                                                                               | {}                                                                                     |
 | showLessItems                | show less page items                                      | Bool                                                                                                                                                 | false                                                                                  |
diff --git a/assets/index.less b/assets/index.less
index aed81e27..64ceac6d 100644
--- a/assets/index.less
+++ b/assets/index.less
@@ -210,7 +210,7 @@
   }
 
   &-slash {
-    margin: 0 10px 0 5px;
+    margin: 0 10px 0 12px;
   }
 
   &-options {
@@ -262,14 +262,14 @@
   }
 
   &-simple &-simple-pager {
-    display: inline-block;
+    display: flex;
+    align-items: center;
     height: @pagination-item-size-sm;
     margin-right: 8px;
 
     input {
       box-sizing: border-box;
       height: 100%;
-      margin-right: 8px;
       padding: 0 6px;
       text-align: center;
       background-color: @pagination-item-input-bg;
diff --git a/docs/examples/simple.tsx b/docs/examples/simple.tsx
index 3469f6b9..beeba080 100644
--- a/docs/examples/simple.tsx
+++ b/docs/examples/simple.tsx
@@ -16,6 +16,13 @@ export default () => {
         onChange={setPageIndex}
       />
       <br />
+      <Pagination
+        simple={{ readOnly: true }}
+        current={pageIndex}
+        total={50}
+        onChange={setPageIndex}
+      />
+      <br />
       <Pagination simple defaultCurrent={1} total={50} />
       <br />
       <Pagination
diff --git a/src/Pagination.tsx b/src/Pagination.tsx
index 28189454..449b5c3c 100644
--- a/src/Pagination.tsx
+++ b/src/Pagination.tsx
@@ -345,6 +345,7 @@ const Pagination: React.FC<PaginationProps> = (props) => {
 
   // ================== Simple ==================
   // FIXME: ts type
+  const isReadOnly = typeof simple === 'object' ? simple.readOnly : !simple;
   let gotoButton: any = goButton;
   let simplePager: React.ReactNode = null;
 
@@ -380,16 +381,20 @@ const Pagination: React.FC<PaginationProps> = (props) => {
         title={showTitle ? `${current}/${allPages}` : null}
         className={`${prefixCls}-simple-pager`}
       >
-        <input
-          type="text"
-          value={internalInputVal}
-          disabled={disabled}
-          onKeyDown={handleKeyDown}
-          onKeyUp={handleKeyUp}
-          onChange={handleKeyUp}
-          onBlur={handleBlur}
-          size={3}
-        />
+        {isReadOnly ? (
+          internalInputVal
+        ) : (
+          <input
+            type="text"
+            value={internalInputVal}
+            disabled={disabled}
+            onKeyDown={handleKeyDown}
+            onKeyUp={handleKeyUp}
+            onChange={handleKeyUp}
+            onBlur={handleBlur}
+            size={3}
+          />
+        )}
         <span className={`${prefixCls}-slash`}>/</span>
         {allPages}
       </li>
diff --git a/src/interface.ts b/src/interface.ts
index be78072a..7cc6032b 100644
--- a/src/interface.ts
+++ b/src/interface.ts
@@ -37,7 +37,7 @@ export interface PaginationData {
   showPrevNextJumpers: boolean;
   showQuickJumper: boolean | object;
   showTitle: boolean;
-  simple: boolean;
+  simple: boolean | { readOnly?: boolean; };
   disabled: boolean;
 
   locale: PaginationLocale;
diff --git a/tests/__snapshots__/demo.test.tsx.snap b/tests/__snapshots__/demo.test.tsx.snap
index 3ff98abb..0e218d2a 100644
--- a/tests/__snapshots__/demo.test.tsx.snap
+++ b/tests/__snapshots__/demo.test.tsx.snap
@@ -3375,6 +3375,46 @@ exports[`Example simple 1`] = `
     </li>
   </ul>
   <br />
+  <ul
+    class="rc-pagination rc-pagination-simple"
+  >
+    <li
+      aria-disabled="true"
+      class="rc-pagination-prev rc-pagination-disabled"
+      title="上一页"
+    >
+      <button
+        aria-label="prev page"
+        class="rc-pagination-item-link"
+        disabled=""
+        type="button"
+      />
+    </li>
+    <li
+      class="rc-pagination-simple-pager"
+      title="1/5"
+    >
+      1
+      <span
+        class="rc-pagination-slash"
+      >
+        /
+      </span>
+      5
+    </li>
+    <li
+      aria-disabled="false"
+      class="rc-pagination-next"
+      title="下一页"
+    >
+      <button
+        aria-label="next page"
+        class="rc-pagination-item-link"
+        type="button"
+      />
+    </li>
+  </ul>
+  <br />
   <ul
     class="rc-pagination rc-pagination-simple"
   >
diff --git a/tests/__snapshots__/simple.test.tsx.snap b/tests/__snapshots__/simple.test.tsx.snap
index 8dee2660..f2bcb51a 100644
--- a/tests/__snapshots__/simple.test.tsx.snap
+++ b/tests/__snapshots__/simple.test.tsx.snap
@@ -67,3 +67,48 @@ exports[`simple Pagination props: showQuickJumper should render normally quick-j
   </span>
 </div>
 `;
+
+exports[`simple Pagination should support simple is readOnly value 1`] = `
+<div>
+  <ul
+    class="rc-pagination rc-pagination-simple"
+  >
+    <li
+      aria-disabled="true"
+      class="rc-pagination-prev rc-pagination-disabled"
+      title="上一页"
+    >
+      <button
+        aria-label="prev page"
+        class="rc-pagination-item-link"
+        disabled=""
+        type="button"
+      />
+    </li>
+    <li
+      class="rc-pagination-simple-pager"
+      title="1/0"
+    >
+      1
+      <span
+        class="rc-pagination-slash"
+      >
+        /
+      </span>
+      0
+    </li>
+    <li
+      aria-disabled="true"
+      class="rc-pagination-next rc-pagination-disabled"
+      title="下一页"
+    >
+      <button
+        aria-label="next page"
+        class="rc-pagination-item-link"
+        disabled=""
+        type="button"
+      />
+    </li>
+  </ul>
+</div>
+`;
diff --git a/tests/simple.test.tsx b/tests/simple.test.tsx
index c02e8d19..7bef3f8b 100644
--- a/tests/simple.test.tsx
+++ b/tests/simple.test.tsx
@@ -299,4 +299,9 @@ describe('simple Pagination', () => {
       expect(quickJumper).toMatchSnapshot();
     });
   });
+
+  it('should support simple is readOnly value', () => {
+    const { container } = render(<Pagination simple={{ readOnly: true }} />);
+    expect(container).toMatchSnapshot();
+  });
 });